Generador de favicon para web

Una imagen → todos los tamaños y el código para pegar

El favicon es el icono de la pestaña del navegador. Las webs creadas con IA suelen dejar el icono genérico, lo que delata que no están terminadas. Sube un logo o imagen, incluso HEIC de iPhone. La herramienta recorta un cuadrado del centro y genera seis archivos PNG: 16, 32 y 48 píxeles para el navegador, 180 para la pantalla de inicio de iPhone, y 192 y 512 para Android. Todo se descarga en un ZIP junto con el archivo site.webmanifest, instrucciones en español y cuatro líneas de código para pegar en el head. La imagen se procesa en el navegador y no se envía al servidor.

Preguntas frecuentes

¿Qué imagen es la más adecuada?

Una imagen cuadrada, simple y clara. Un icono de 16 píxeles es muy pequeño, un logo con muchos detalles se verá como una mancha.

¿Dónde se suben los archivos?

A la carpeta raíz de la web, que suele ser public. Si trabajas con IA, pégale el código y pídele que lo añada.

Mi imagen es rectangular, ¿qué le pasará?

La herramienta recorta el cuadrado más grande del centro de la imagen, por lo que los bordes de un logo ancho se cortarán. Si el logo tiene un nombre largo, es mejor subir solo el símbolo o la primera letra.

¿También se genera un archivo favicon.ico?

No. El paquete incluye archivos PNG y el código que los enlaza, que es lo que leen los navegadores modernos. Si necesitas un archivo ICO para un navegador antiguo, puedes convertir por separado el archivo de 32 píxeles.

He subido los archivos y sigue apareciendo el icono antiguo, ¿por qué?

Los navegadores guardan los iconos en la memoria durante mucho tiempo. Abre la web en una ventana de incógnito y comprueba que los archivos están en la carpeta raíz y no en una subcarpeta.

Otras herramientas que te pueden servir

Todas las herramientas de Crear web con AI