Esta página contiene enlaces de afiliado. Si compras a través de ellos, podemos recibir una comisión sin coste adicional para ti. Aviso completo →

Herramienta Gratuita Online

Generador de Favicons Gratis

Sube una imagen y obtén todos los tamaños de icono que necesita tu sitio web — favicon.ico, icono de Apple, iconos de Android, un mosaico de Windows, un manifest.json y el código para pegar. Nada se sube.

🖼️

Suelta tu logo o imagen aquí, o haz clic para elegir una

Una imagen cuadrada de al menos 512×512px funciona mejor — se recortará a un cuadrado automáticamente

—

Recortada a un cuadrado desde el centro. Si tu imagen ya tiene transparencia, se mantiene — perfecto para logos.

Cada tamaño, listo para usar

Pega esto en tu <head>

⚠️ Si el navegador bloquea la descarga, haz clic en Permitir junto a la barra de direcciones.

Cómo crear un favicon en 3 pasos

Añade una imagen. Suelta tu logo en el recuadro o haz clic para elegirlo. Lo mejor es una imagen cuadrada de al menos 512 × 512 píxeles. Cualquier otra se recorta a un cuadrado desde el centro.
Revisa la vista previa. Si tu imagen tiene fondo transparente, se conserva: perfecto para logotipos.
Descarga. Pulsa Descargar todo (ZIP) para obtener todos los tamaños y pega el código que aparece en el <head> de tu web.

¿Qué hay dentro del archivo ZIP?

Un favicon es la imagen diminuta junto al nombre de tu web en la pestaña del navegador o en la lista de marcadores. La mayoría de las webs necesitan varios tamaños, desde iconos pequeños de pestaña hasta iconos grandes de app, y la herramienta los crea todos:

favicon.ico — el icono clásico que se muestra en las pestañas del navegador.
Icono de Apple (touch icon) — el que usan iPhone y iPad cuando alguien añade tu web a la pantalla de inicio.
Iconos de Android y un mosaico de Windows — lo mismo para móviles Android y Windows.
manifest.json y el código para pegar — le dice a los navegadores qué iconos usar.

Conviene saber antes de empezar

Una imagen que no es cuadrada se recorta desde el centro. Usa una imagen cuadrada para que no se corte nada.
Dale al icono de Apple un fondo sólido: los iPhone rellenan de negro las zonas transparentes.
A 16×16 píxeles los detalles finos desaparecen, así que una forma sencilla funciona mejor.
Los navegadores y Google guardan los favicons antiguos un tiempo; uno nuevo puede tardar días en aparecer.
Escribe el nombre de tu sitio en site.webmanifest y sube todos los archivos a la carpeta principal de tu sitio.

Preguntas frecuentes

¿Este generador de favicons es gratis?

Sí. No hay cuenta ni marca de agua.

¿Mi imagen se sube a un servidor?

No. Los iconos se crean en tu navegador y tu imagen nunca sale de tu dispositivo.

¿De qué tamaño debe ser mi favicon?

Empieza con una imagen cuadrada de al menos 512 × 512 píxeles. La herramienta la reduce a cada tamaño que necesitas, así que no tienes que redimensionar nada tú mismo.

¿Funciona un fondo transparente?

Sí. Si tu logo tiene fondo transparente, se mantiene transparente en los iconos.

¿Dónde pongo los archivos?

Súbelos a la carpeta principal de tu web y pega el código de la herramienta en el <head> de tus páginas.