Tamaño del favicon: qué medidas necesitas y cómo generarlas
Respuesta corta: parte de un PNG cuadrado de 512×512 píxeles o más y genera los tamaños 16×16, 32×32, 48×48, 180×180, 192×192 y 512×512. Con ese juego cubres la pestaña del navegador, Google, el iPhone y Android, y cada tamaño tiene su propia función, así que conviene generarlos todos de una vez.
Las medidas, una por una
No existe un único tamaño de favicon, porque cada lugar donde aparece pide el suyo. Estas son las medidas que se usan hoy y para qué sirve cada una.
16×16 y 32×32 píxeles: la pestaña del navegador, el historial y los marcadores. Son los tamaños más pequeños y los que más se ven, así que son los que más cuidado necesitan.
48×48 píxeles: escritorio de Windows y accesos directos.
180×180 píxeles: el Apple Touch Icon. Es el icono que aparece cuando alguien añade tu sitio a la pantalla de inicio del iPhone o del iPad.
192×192 y 512×512 píxeles: Android y las aplicaciones web instalables. Se declaran en el archivo de manifiesto de tu sitio.
favicon.ico o PNG: cuál usar
El formato ICO agrupa varios tamaños en un solo archivo, y los navegadores piden /favicon.ico en la raíz de tu dominio por defecto, aunque no lo declares. Los navegadores modernos también aceptan PNG mediante una etiqueta link. Lo más seguro es tener ambos: el .ico en la raíz y los PNG declarados en el head. El generador de PixMidas los entrega juntos.
Cómo preparar la imagen de origen
Empieza con una imagen cuadrada de al menos 512×512 píxeles. La herramienta reduce esa imagen a cada tamaño, así que conviene partir del archivo más grande y de mejor calidad que tengas. Si tu logo es un SVG, conviértelo primero a PNG de 512×512 con el conversor de SVG a PNG.
Piensa en cómo se verá a 16×16 píxeles. Los logos con letras pequeñas o líneas finas se vuelven una mancha. Una letra, un símbolo o una forma simple funcionan mucho mejor que el logo completo.
Cómo añadirlo a tu web
Descarga el ZIP, sube los archivos a la raíz de tu sitio y pega en el <head> las etiquetas HTML que vienen incluidas. Después abre tu web en un par de navegadores para confirmar que el icono aparece. Los navegadores guardan el favicon en caché, así que si ves el antiguo, prueba en una ventana privada.
Preguntas frecuentes
¿Qué tamaño debe tener un favicon?
El tamaño base es 32×32 píxeles para la pestaña del navegador, pero un favicon completo incluye 16, 32, 48, 180, 192 y 512 píxeles. Parte de una imagen cuadrada de 512×512 o más y genera todos los tamaños con el generador de favicon.
¿Puedo usar un solo tamaño para todo?
Un solo PNG puede funcionar en los navegadores modernos, pero el iPhone usa un icono de 180×180 y Android uno de 192×192 y 512×512. Si solo declaras uno, esos dispositivos lo reescalan o lo ignoran. Lo recomendable es generar el juego completo.
¿Qué exige Google para el favicon?
Google pide que el favicon sea cuadrado (relación 1:1) y de al menos 8×8 píxeles, y recomienda un favicon mayor de 48×48 píxeles. Google Search admite los formatos BMP, GIF, ICO, PNG, JPEG, PPM y TIFF. La URL del favicon debe ser estable, así que no la cambies con frecuencia.
Verificado el 20 de octubre de 2026 en Google Search Central.
¿Se sube mi imagen a algún servidor?
No. El favicon se genera por completo en tu dispositivo, dentro del navegador. Tu logo o tu imagen nunca se envía a ningún servidor, ni al nuestro.