Mejores tamaños de favicon para sitios web
Hay decenas de recomendaciones en internet. Este es el set mínimo que realmente cubre al 100 % de los usuarios.
Comprueba favicons en cualquier sitio
Instala la extensión FetchFavicon para Chrome para extraer, previsualizar y validar favicons al instante.
Qué solicitan los navegadores
Los navegadores de escritorio solicitan 16×16 (pestaña), 32×32 (barra de marcadores) y 48×48 (resultados de búsqueda). Los tres conviven sin problema dentro de un solo archivo .ico.
Qué solicitan los sistemas operativos
El menú Inicio y el Explorador de archivos de Windows pueden pedir hasta 256×256. macOS prefiere .icns pero acepta .ico. Combina 16, 32, 48, 64, 128, 256 en tu .ico para cubrir todo.
Qué solicitan las PWA y los dispositivos móviles
Añade 180×180 (apple-touch-icon) y 192×192 + 512×512 PNG (web manifest) para instalaciones limpias en pantalla de inicio.
El set mínimo viable
favicon.ico multiresolución + apple-touch-icon.png (180×180) + un PNG de 512×512 en tu manifest. Eso es todo.
Preguntas frecuentes
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.