Tamaños de favicon en 2026: cuáles necesitas de verdad
No necesitas veinte archivos de favicon. Estos son los pocos tamaños que navegadores, móviles y buscadores usan realmente, y cómo crearlos de una imagen.
Las guías de favicon suelen darte una lista de veinte archivos. En la práctica, unos pocos tamaños cubren todos los navegadores, móviles y resultados de búsqueda que te importan. Esta es la versión reducida.
Los tamaños que conviene tener
- 16×16 y 32×32: el icono clásico de pestaña y marcador.
- 180×180: el Apple touch icon, cuando alguien guarda tu web en la pantalla de inicio del iPhone.
- 192×192 y 512×512: iconos de Android / PWA y fuente para la invitación a instalar.
Lo que importa más que el tamaño
Un favicon es diminuto, así que el detalle desaparece. Usa una marca simple y contundente —una letra, un símbolo, una forma fuerte— y no todo un logo con texto minúsculo. Pruébalo a 16 px: si no se reconoce, simplifícalo.
Créalo de una imagen
No lo hagas a mano. Parte de una imagen cuadrada de alta resolución (512 px o más) y genera el conjunto de una vez. Nuestro generador de favicon crea todos esos tamaños desde una sola subida, listos para tu sitio, procesado en el navegador.
Añade las etiquetas <link rel="icon"> y apple-touch-icon y tu web se verá pulida en pestañas, marcadores y pantalla de inicio.