Generador de favicon
Sube una imagen (mejor cuadrada) y obtén el archivo favicon.ico y PNG en todos los tamaños que necesita tu sitio, 16, 32, 48 y 180 píxeles, más el fragmento de HTML listo para pegar.
PNG, JPG, WebP o SVG, mejor cuadrada y de al menos 180×180 píxeles
Qué tamaños de favicon necesitas de verdad
Los cuatro tamaños que se generan cubren todos los casos reales: 16×16 es el icono clásico de la pestaña del navegador, 32×32 cubre las pantallas de alta densidad y los marcadores, 48×48 es el tamaño que prefiere Google cuando muestra tu icono en los resultados de búsqueda, y 180×180 es el apple-touch-icon que aparece cuando alguien añade tu sitio a la pantalla de inicio de su iPhone o iPad. Sube los archivos a la carpeta raíz de tu sitio (o a la ruta indicada en los atributos href del fragmento).
El archivo favicon.ico reúne los tamaños de 16, 32 y 48 píxeles: es el que los navegadores buscan solos en la raíz de tu sitio cuando una página no indica ningún icono, así que conviene subirlo aunque uses el fragmento. Si subes un SVG, cada tamaño se dibuja a partir del dibujo vectorial, nítido incluso a 180 píxeles.
Consejos para un favicon que se siga leyendo
A 16 píxeles los detalles finos desaparecen: un símbolo sencillo, una sola letra o una forma maciza con mucho contraste funcionan mucho mejor que un texto largo o una foto, que se convierten en un borrón ilegible. Si la imagen que subes no es cuadrada, la herramienta la recorta automáticamente desde el centro y conserva la mayor zona cuadrada posible, así tu icono nunca queda aplastado ni estirado.