Generador de favicon

Todos los tamaños habituales listos en un ZIP

Sin base de datos: AIMRAN no guarda tus archivos, textos ni resultados

¿Qué es Generador de favicon?

El favicon es el pequeño icono que aparece en la pestaña del navegador, en los marcadores y en la pantalla de inicio del móvil cuando alguien guarda tu web. Cada sitio necesita varios tamaños, y prepararlos a mano es tedioso.

Con este generador subes tu logo una vez y obtienes todos los archivos listos en un ZIP, junto con el código que tienes que pegar en tu web. Puedes añadirle un fondo de color, redondear las esquinas o dejar margen alrededor.

Cómo se usa

  1. Arrastra tu logo, mejor cuadrado y de al menos 512 px (también vale SVG).
  2. Ajusta el margen y, si quieres, activa un fondo de color con esquinas redondeadas.
  3. Escribe el nombre de la web y el color del tema para el manifest.
  4. Revisa la vista previa y pulsa «Generar favicons».
  5. Descarga el ZIP y pega el código HTML dentro de la etiqueta head.

Ventajas

Detalles técnicos

Se generan PNG de 16, 32, 48, 64, 128, 180 (apple-touch-icon.png), 192 y 512 px (android-chrome-192x192.png y android-chrome-512x512.png). El favicon.ico es un contenedor ICO con PNG de 32 bits embebidos en 16, 32 y 48 px, formato admitido por todos los navegadores actuales y por Windows Vista o posterior. El site.webmanifest incluye name, short_name (12 caracteres), los iconos de 192 y 512 px, theme_color, background_color y display standalone. El icono se ajusta en modo contener dentro de un lienzo cuadrado, con margen del 0 % al 30 % y radio de esquina del 0 % al 50 % (círculo). Admite JPG, PNG, WEBP, AVIF, BMP, GIF, HEIC y SVG de hasta 20 MB.

Preguntas frecuentes

¿Qué tamaño debe tener un favicon?

Lo básico es un favicon.ico con 16, 32 y 48 px, un PNG de 180 px para iPhone y PNG de 192 y 512 px para Android. Este generador los crea todos.

¿Cómo pongo el favicon en mi web?

Sube los archivos del ZIP a la raíz de tu web y pega el código HTML que te damos dentro de la etiqueta head de tus páginas.

¿Puedo crear un favicon desde un SVG?

Sí. El SVG se convierte a cada tamaño con nitidez, lo que da muy buen resultado en los iconos grandes.

¿Qué es el apple-touch-icon?

Es el icono de 180 × 180 px que usa el iPhone o el iPad cuando alguien añade tu web a la pantalla de inicio.

Más herramientas de Imagen