Cómo crear un favicon
Un favicon es el pequeño icono que se muestra en las pestañas del navegador. Usa nuestro Generador de Favicon para producir un pack multiresolución.
Guías de formatos de imagen, tutoriales de favicon y consejos SEO.
Un favicon moderno es más que una imagen de 16×16. Aquí tienes el flujo completo para un resultado nítido en cada navegador, SO y dispositivo.
ICO es universal pero antiguo; PNG es moderno pero requiere enlace explícito. Así se usan ambos juntos.
Hay docenas de recomendaciones en línea. Este es el conjunto mínimo que cubre realmente al 100 % de los usuarios.
Tres etiquetas cubren el 99 % de los casos. Dos más para una configuración digna de PWA.
WordPress lo llama Site Icon y genera todos los tamaños por ti. Tutorial de 60 segundos.
SVG es el futuro; ICO es la base. Publica ambos.
La mayoría sube tu imagen a un servidor. Los más rápidos y seguros no lo hacen.
Windows pide 7 tamaños de icono distintos. Un solo .ico puede contenerlos todos.
Un fondo sólido en un favicon parece anticuado y choca con el modo oscuro. Cómo conservar el alpha de principio a fin.
Entender cada formato te ayuda a resolver el inevitable «mi favicon no se muestra».
Un favicon es el pequeño icono que se muestra en las pestañas del navegador. Usa nuestro Generador de Favicon para producir un pack multiresolución.
PNG, JPG, WebP y AVIF tienen sus usos ideales. WebP es la opción más segura por defecto para contenido fotográfico.
El peso de la página afecta directamente al posicionamiento. Comprime las imágenes antes de publicarlas para mejorar las Core Web Vitals.