Guía

Tamaños de favicon explicados

Navegadores, sistemas operativos y prompts de instalación solicitan resoluciones de favicon distintas. Esta guía asigna cada tamaño habitual a su superficie para que sepas exactamente qué generar a partir de una sola imagen fuente.

16×16 y 32×32 son los que aparecen en pestañas y marcadores en pantallas estándar y 2×. Deben ir dentro de favicon.ico y, opcionalmente, como PNG independientes.

48×48 y 64×64 cubren el Explorador de Windows, anclajes en la barra de tareas y algunos snippets de búsqueda.

128×128 y 256×256 se usan dentro de archivos .ico multiresolución y en la interfaz de Windows con alta densidad de píxeles.

180×180 es el apple-touch-icon para la pantalla de inicio de iOS. 192×192 y 512×512 son obligatorios para las UI de instalación de Android y Chromium PWA.

Cómo funciona

  1. 1

    Elige una imagen fuente cuadrada

    PNG de 512×512 o SVG con viewBox cuadrado.

  2. 2

    Exporta el set completo

    Usa nuestro generador de favicons para .ico, apple-touch-icon y PNG del manifest.

  3. 3

    Enlaza cada tamaño

    Copia las etiquetas <link> listas para pegar del README del paquete o de la guía del generador HTML.

Pruébalo ahora

Genera todos los tamaños de favicon

Generador de Favicon

Preguntas frecuentes

¿Cuántos tamaños de favicon necesito realmente?+

Mínimo: .ico multiresolución (16/32/48) + 180 apple-touch-icon. Recomendado: añade 192 y 512 para PWA.

¿Puede una sola imagen servir para todos los tamaños?+

Sí — parte de 512×512 o SVG y exporta todos los tamaños de forma programática. Nunca amplíes un logo pequeño.

¿Qué tamaño importa más para el SEO?+

Google utiliza al menos 48×48 en los resultados de búsqueda. Incluye 48 dentro de tu .ico y también como PNG independiente.

Herramientas relacionadas

Más guías

Guías

Explorar FetchFavicon

Categorías

Convertidores

Utilidades

Guías

Tutoriales