62 lines
1.3 KiB
Markdown
62 lines
1.3 KiB
Markdown
|
# ✅ Favicon Actualizado
|
||
|
|
|
||
|
|
**Fecha:** 2025-12-17
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🎨 Nuevo Favicon
|
||
|
|
|
||
|
|
### Diseño:
|
||
|
|
- ✅ **Cruz médica roja** sobre fondo oscuro (tema de la app)
|
||
|
|
- ✅ **Texto "TES"** en la parte inferior
|
||
|
|
- ✅ **Formato SVG** para mejor calidad y escalabilidad
|
||
|
|
- ✅ **Colores consistentes** con el tema de la aplicación
|
||
|
|
|
||
|
|
### Archivos:
|
||
|
|
- ✅ `public/favicon.svg` - Favicon principal en formato SVG
|
||
|
|
- ✅ `public/favicon.ico` - Mantenido para compatibilidad
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📝 Cambios Realizados
|
||
|
|
|
||
|
|
### 1. `index.html`
|
||
|
|
```html
|
||
|
|
<!-- Favicon -->
|
||
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||
|
|
<link rel="apple-touch-icon" href="/favicon.svg" />
|
||
|
|
<link rel="mask-icon" href="/favicon.svg" color="#1a1f2e" />
|
||
|
|
```
|
||
|
|
|
||
|
|
### 2. `public/manifest.json`
|
||
|
|
```json
|
||
|
|
"icons": [
|
||
|
|
{
|
||
|
|
"src": "/favicon.svg",
|
||
|
|
"sizes": "any",
|
||
|
|
"type": "image/svg+xml",
|
||
|
|
"purpose": "any maskable"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"src": "/favicon.ico",
|
||
|
|
"sizes": "256x256",
|
||
|
|
"type": "image/x-icon",
|
||
|
|
"purpose": "any maskable"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## ✅ Ventajas del SVG
|
||
|
|
|
||
|
|
- ✅ **Escalable** - Se ve bien en cualquier tamaño
|
||
|
|
- ✅ **Ligero** - Archivo pequeño
|
||
|
|
- ✅ **Moderno** - Soporte completo en navegadores modernos
|
||
|
|
- ✅ **Fallback** - `.ico` disponible para navegadores antiguos
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
**Estado:** ✅ COMPLETADO
|