Generador de favicon gratis

Sube un JPG, PNG, WebP o SVG en esta página y el generador de favicon crea todos los tamaños al instante. Elige un color de fondo si quieres uno y haz clic en Descargar ZIP. Obtienes favicon.ico, siete iconos PNG y un fragmento HTML en un solo archivo.

La mayoría de los sitios necesitan 16×16 y 32×32 para las pestañas del navegador, 180×180 para los dispositivos Apple, y 192×192 más 512×512 para Android y las aplicaciones web. Esta herramienta crea todos esos tamaños, añade 48×48 y 96×96, y reúne 16, 32 y 48 en favicon.ico.

No es estrictamente obligatorio, ya que los navegadores actuales muestran los favicons PNG a los que apunta una etiqueta link. Aun así, muchos navegadores y aplicaciones siguen solicitando /favicon.ico en la raíz del sitio por defecto, así que tener uno evita errores de icono no encontrado en tus registros. El ZIP incluye un favicon.ico con los tamaños de 16, 32 y 48 px.

Sí. Los navegadores muestran un favicon PNG cuando tu página lo enlaza con una etiqueta rel="icon". El ZIP incluye PNG de 16, 32, 48, 96, 180, 192 y 512 píxeles, y el fragmento enlaza seis de ellos además de favicon.ico, así que puedes pegarlo tal cual.

Descomprime favicons.zip en la carpeta raíz de tu sitio, junto a tu página de inicio. Luego pega las etiquetas de snippet.html en la sección head de cada página. Las etiquetas usan rutas como /favicon.ico, así que los archivos deben estar en la raíz, no en una subcarpeta.

Sí. El iPhone y el iPad usan apple-touch-icon.png, un icono de 180×180, cuando alguien añade tu sitio a la pantalla de inicio. Este generador incluye ese archivo en el ZIP, y el fragmento lo enlaza con rel="apple-touch-icon" para que Safari lo encuentre.

Sí, si el SVG tiene definidos el ancho y el alto. Suéltalo en la página y se convierte en favicon.ico y en todos los tamaños PNG. Un SVG que solo tenga viewBox puede verse en blanco o deformado, así que añade primero el tamaño. Las fuentes y las imágenes enlazadas dentro del SVG pueden no cargarse, por lo que conviene convertir el texto en trazados.

Deja el fondo en Transparente, que es la opción por defecto. Un PNG o SVG con fondo transparente lo conserva en todos los tamaños. Un JPG no admite transparencia, así que mantiene su propio fondo; elimínalo antes con el eliminador de fondo y luego guarda el resultado como PNG.

El logo completo se escala para encajar dentro del cuadrado y se centra, así que no se corta ni se estira. Las bandas vacías de arriba y abajo, o de los lados, quedan transparentes o toman el color de fondo que elijas. Si prefieres rellenar el cuadrado, recorta antes el logo con el recortador de imágenes.

No. El ZIP incluye los archivos icon-192x192.png e icon-512x512.png que usa un manifiesto, pero no un archivo site.webmanifest. Añade ambos a la lista de iconos de tu propio manifiesto, con los tamaños 192x192 y 512x512 y el tipo image/png.

Los navegadores guardan los favicons en caché durante mucho tiempo, así que un icono antiguo puede seguir apareciendo. Comprueba que los archivos están en la raíz de tu sitio, donde apuntan las rutas del fragmento, y que las etiquetas están dentro de la sección head. Después fuerza la recarga o abre la página en una ventana privada.

Sí. Es gratis, sin registro, sin marca de agua y sin límite de conjuntos que puedes crear. Tu logo se redimensiona en tu navegador y la imagen en sí no se nos envía. Sí registramos estadísticas de uso anónimas, como el tipo de archivo, un tamaño aproximado y el fondo que elegiste.