ICO vs PNG para favicons
ICO es universal pero antiguo; PNG es moderno pero necesita enlace explícito. Así se usan ambos juntos.
Comprueba favicons en cualquier sitio
Instala la extensión FetchFavicon para Chrome para extraer, previsualizar y validar favicons al instante.
ICO: el respaldo universal
Todos los navegadores de escritorio solicitan /favicon.ico sin que hagas nada. Es un contenedor que puede incluir múltiples resoluciones.
Los accesos directos de Windows y el Explorador de archivos dependen de .ico, así que incluso si no te importan los favicons web, publica uno para el sistema operativo.
PNG: nitidez perfecta en cualquier densidad
PNG se reproduce con nitidez en pantallas de alta densidad cuando lo enlazas con <link rel="icon" sizes="...">.
Usa PNG de 192×192 y 512×512 para el web manifest, y 180×180 para el apple-touch-icon.
Veredicto: usa ambos
Publica un .ico multiresolución para soporte universal, más variantes PNG para pantallas HD y prompts de instalación PWA. Añade SVG como capa extra para el icono escalable más nítido.
Preguntas frecuentes
Should I use ICO or PNG for a favicon?
Use both: ICO for universal /favicon.ico fallback and PNG for high-DPI tabs and PWA manifest icons.
Does every browser support PNG favicons?
Modern browsers do when you link them with <link rel="icon" type="image/png">. ICO remains the safest default.
Is ICO outdated?
ICO is older but still required for Windows shortcuts and automatic /favicon.ico discovery by browsers.