Generador de Favicon

Genera un .ico multitamaño real más PNG, apple-touch-icon y un site.webmanifest personalizado con color de tema desde una imagen. Favicon PWA gratis.

Seleccionar imagen origen

Arrastra y suelta tu imagen aqui

o haz clic para buscar

Elige archivo PNG, JPG o SVG (512x512px recomendado para mejor calidad)

Requisitos de imagen

Tamano minimo: 32x32 pixeles (512x512 recomendado para mejor calidad)
Una imagen cuadrada ofrece resultados consistentes
Formatos compatibles: PNG, JPG, JPEG, SVG
Usa fondo transparente para mejores resultados (PNG)

Ajustes del manifest web

Estos valores se escriben en site.webmanifest para que no tengas que editarlo tras la descarga.

Nombre de la app

Nombre corto

Color del tema

Color de fondo

¿Tienes comentarios? Reporta errores, sugiere funciones o comparte tus ideas — leemos todos

Acerca del generador de favicon

Un favicon es un pequeno icono que representa tu sitio en pestanas, marcadores y pantallas de inicio moviles. Esta herramienta genera todos los tamanos y formatos necesarios desde una sola imagen para que tu sitio luzca profesional en cualquier dispositivo.

Que es un favicon?

Un favicon (icono favorito) es un icono pequeno de 16x16 o 32x32 pixeles que aparece en las pestanas del navegador, marcadores y barra de direcciones. Ayuda a los usuarios a identificar tu sitio rapidamente y aporta profesionalismo.

Que archivos genera esta herramienta?

La herramienta genera todos los archivos esenciales:\n- favicon.ico: un ICO multitamaño real que contiene 16x16, 32x32 y 48x48\n- favicon-16x16.png y favicon-32x32.png: versiones PNG\n- apple-touch-icon.png: 180x180 para dispositivos iOS\n- android-chrome-192x192.png y android-chrome-512x512.png: para Android\n- site.webmanifest: archivo manifest para PWA, con tu nombre y colores

El favicon.ico es un ICO real o solo un PNG renombrado?

Es un contenedor ICO auténtico y válido según el estándar, que agrupa tres resoluciones (16x16, 32x32 y 48x48) en un único archivo. Muchas herramientas gratuitas solo renombran un PNG a .ico, algo que los validadores estrictos, los navegadores antiguos (Internet Explorer, Edge antiguo) y algunos gestores de contenido rechazan. Como el formato ICO admite cargas PNG embebidas desde Windows Vista, nuestro archivo se acepta en todas partes donde se espera un .ico real, incluidas herramientas de build y plugins de webpack/Vite.

Admite iconos maskable y adaptativos de Android?

Sí. El icono de 512x512 en site.webmanifest se declara con purpose 'any maskable', para que Android lo recorte en formas adaptativas (círculo, squircle, cuadrado redondeado) sin cortar tu logotipo. Mantén el contenido importante dentro de la zona segura central (alrededor del 80% del lienzo). También puedes definir el nombre de la app, el nombre corto, el color del tema y el color de fondo directamente en la herramienta antes de generar, así el manifest queda listo sin edición manual.

Generador de Favicon

Que imagen debo usar?

Usa una imagen cuadrada de al menos 512x512 pixeles para obtener mejores resultados. Tu logotipo, icono de marca o cualquier imagen representativa funciona bien. PNG con fondo transparente es la opcion recomendada.

Como instalo los favicons generados?

Despues de descargar el archivo ZIP:\n1. Extrae todos los archivos en el directorio raiz de tu sitio\n2. Agrega el codigo HTML proporcionado a la seccion <head> de tu sitio\n3. Actualiza site.webmanifest con el nombre y colores de tu marca\n4. Limpia la cache del navegador para ver el nuevo favicon

Por que necesito multiples tamanos?

Cada dispositivo y plataforma usa tamanos distintos. Los navegadores usan 16x16 y 32x32, iOS utiliza 180x180 (apple-touch-icon) y Android requiere 192x192 y 512x512 para iconos de pantalla de inicio. Ofrecer todos los tamanos asegura un icono nítido en cualquier lugar.

Que es site.webmanifest?

El manifest de aplicacion web es un archivo JSON con informacion de tu aplicacion (nombre, iconos, colores) cuando los usuarios agregan tu sitio a la pantalla de inicio. Es esencial para Progressive Web Apps (PWA) y mejora la experiencia movil.

Los favicons afectan el SEO?

Aunque los favicons no mejoran directamente el ranking, si mejoran la experiencia: tu sitio es mas reconocible en resultados, pestanas y marcadores. Esto puede aumentar los clics y el reconocimiento de marca.

Ver también

GENERADORES104

WUTOOLS