Generador de favicon
Crea el icono de tu web en todos los tamaños.
Pega esto en el <head> de tu sitio
Tus archivos no se suben a ningún servidor. Todo ocurre dentro de tu navegador.
Genera todos los tamaños de favicon que necesita un sitio
Un favicon no es un solo archivo: los navegadores, los celulares y las apps instalables piden el icono en varios tamaños distintos. Generador de favicon toma tu logo o imagen y produce todo el paquete de una vez, listo para subir a la raíz de tu sitio.
Todo ocurre dentro de tu navegador, con el
<canvas> nativo: la imagen no se sube a ningún servidor.
Qué incluye el paquete
Los tamaños clásicos de favicon (16 y 32 px), el de Apple para cuando alguien agrega tu sitio a la pantalla de inicio de un iPhone (180 px), y los que pide una PWA instalable en Android (192 y 512 px). Puedes desmarcar los que no necesites antes de generar el .zip.
Parte de una imagen cuadrada y grande
Como el tamaño más grande del paquete es 512×512, lo ideal es partir de una imagen de ese tamaño o mayor, y cuadrada: si no lo es, cada versión se genera igual, pero se ve estirada. Un logo simple, con fondo sólido o transparente, suele funcionar mejor que una foto con muchos detalles pequeños.
Por qué no genera un .ico
El formato clásico .ico ya no es imprescindible: todos los
navegadores actuales aceptan <link rel="icon" type="image/png">,
así que el paquete de PNG que descargas aquí cubre lo que necesita un sitio
moderno sin ese formato adicional.
Cómo generador de favicon paso a paso
- Arrastra tu logo al recuadro — lo ideal es un cuadrado de al menos 512×512 px.
- Marca los tamaños que necesitas: por defecto están todos activados.
- Pulsa «Generar y descargar .zip» y sube los archivos a la raíz de tu sitio.
Preguntas frecuentes
¿Se sube mi imagen a algún servidor?
No. Los iconos se generan dentro de tu navegador, con el canvas nativo. La imagen nunca viaja por internet.
¿Qué tamaños incluye el paquete?
16 y 32 px (favicon clásico), 48 px, 180 px (Apple touch icon), y 192 y 512 px (para PWA instalable en Android). Puedes desmarcar los que no necesites.
¿Por qué no genera un archivo .ico?
Porque ya no es imprescindible: todos los navegadores actuales aceptan PNG en <link rel="icon">. El paquete de PNG cubre lo que pide un sitio moderno.
¿Qué imagen de partida funciona mejor?
Un logo simple y cuadrado, de al menos 512×512 px, con fondo sólido o transparente. Una foto con muchos detalles pequeños se pierde en los tamaños chicos como 16×16.
¿Qué hago con los archivos después de descargarlos?
Súbelos a la raíz de tu sitio y añade las etiquetas que se muestran en la herramienta al <head> de tu HTML.