¿Cómo de grande debería ser un archivo de favicon?
Los favicons son archivos pequeños. Un favicon.ico multitamaño es típicamente de 5–15KB, un tamaño PNG individual va de unos pocos kilobytes hasta unas pocas decenas de kilobytes, e incluso un icono de PWA de 512x512 suele estar muy por debajo de 100KB. Si un favicon pesa cientos de kilobytes, algo va mal: normalmente una foto a resolución completa guardada con dimensiones de icono en vez de redimensionarse correctamente.
Diminuto por naturaleza
Un favicon tiene muy pocos píxeles, así que se comprime hasta casi nada. No hay razón de rendimiento para preocuparse por su tamaño: son unos pocos kilobytes, obtenidos una vez, y almacenados con fuerza en caché por el navegador después.
El único momento en que vale la pena mirar el tamaño de archivo es cuando es sorprendentemente grande, lo que apunta a un error en vez de a una decisión de diseño.
Tamaños aproximados que esperar
| Archivo | Tamaño típico |
|---|---|
| favicon.ico (multitamaño) | 5–15KB |
| 32x32 PNG | 1–3KB |
| apple-touch-icon (180) | 5–20KB |
| 512x512 PNG | 20–90KB |
Preguntas frecuentes sobre el tamaño de archivo del favicon
¿Cómo de grande debería ser un favicon?
En kilobytes: un favicon.ico suele ser de 5–15KB, los PNG pequeños unos pocos KB cada uno, y un icono de 512px por debajo de 100KB. En píxeles, es un conjunto de tamaños cuadrados de 16 a 512.
¿Es mi favicon demasiado grande?
Si algún icono individual pesa cientos de kilobytes, sí: probablemente es una imagen a tamaño completo guardada con dimensiones de icono sin redimensionar. Vuelve a exportar al tamaño correcto.
¿Los tamaños de archivo de los favicons afectan a la velocidad de la página?
De forma insignificante. Los favicons son pequeños y se almacenan en caché de forma agresiva tras la primera solicitud, así que no son un factor relevante en el tiempo de carga.