IQ
PayloadIQ
Utilidades de PayloadIQ

Generador de favicons

Suelta una imagen y obtén el set de favicons completo — favicon.ico, apple-touch-icon y todos los tamaños PNG — más el HTML para pegar en tu <head>. Todo se ejecuta en tu navegador.

Se ejecuta en tu navegador. Lo que introduces no se sube a PayloadIQ.

Este generador convierte una imagen en un favicon.ico y en todos los tamaños PNG que necesita un sitio (16, 32, apple-touch, 192 y 512) directamente en tu navegador. Redimensiona tu imagen en un canvas, ensambla un .ico real de varios tamaños en local y te entrega las etiquetas <link> exactas para pegar. No se sube nada a ningún servidor: tu logo nunca sale del dispositivo.

Una imagen, el set de favicons completo

Un sitio moderno necesita más que un solo favicon.ico: los navegadores y los móviles también piden varios PNG en distintos tamaños. Esta herramienta redimensiona tu imagen en un canvas para cada uno de ellos, construye un .ico real de varios tamaños (16, 32 y 48) en el navegador y te da las etiquetas <link> precisas para el <head>. Para obtener el resultado más limpio, parte de una imagen cuadrada con una marca sencilla y de alto contraste, ya que el detalle se pierde a 16×16; un SVG o un PNG grande escala mejor porque hay más información que reducir.

Local y privado

Todo se genera en tu dispositivo, así que la imagen no se sube a ningún servidor: es seguro usarla con logos de marca aún sin publicar. Descarga los archivos que necesites — el favicon.ico de varios tamaños y los PNG para 16, 32, apple-touch (180), 192 y 512 — y copia el fragmento de HTML que los conecta en tu cabecera. Sin esperas, sin cuentas y sin que nada salga del navegador.

Preguntas frecuentes

¿Se sube mi imagen a algún servidor?
No. La imagen se redimensiona a cada tamaño de favicon en un canvas dentro del navegador y el .ico se ensambla en local. No se envía nada a ningún servidor, así que es seguro usarla con logos aún sin publicar.
¿Qué archivos obtengo?
Un favicon.ico de varios tamaños (16, 32 y 48) más PNG para 16, 32, apple-touch (180), 192 y 512. El fragmento de HTML incluido los conecta con las etiquetas <link> correctas en tu <head>.
¿Qué imagen conviene usar?
Una imagen cuadrada con una marca sencilla y de alto contraste funciona mejor, porque el detalle se pierde a 16×16. Un SVG o un PNG grande da los resultados más nítidos, ya que hay más información para reducir.
¿Por qué siguen haciendo falta un .ico y varios PNG?
Por compatibilidad: el favicon.ico cubre los navegadores y casos antiguos, mientras que los PNG sirven las pestañas modernas, el icono de la pantalla de inicio en iOS (apple-touch) y los iconos de PWA en Android (192 y 512). Generándolos todos a la vez evitas iconos borrosos o ausentes según el dispositivo.

Utilidades relacionadas

Conversor de imágenesImagen a Base64
Abrir PayloadIQ Playground