¿Cómo creo un favicon (set de iconos) para una web?
Generador de favicons online: el set completo de iconos de una web en un ZIP.
Suelta una imagen única (idealmente 512×512) y generamos todos los archivos que necesitas: favicon.ico (3 capas), 7 PNGs en los tamaños que de verdad consumen los navegadores (16, 32, 48, 150, 180, 192, 512), un manifest.webmanifest y un snippet HTML listo para pegar en <head>.
Se ejecuta en local: la imagen no se sube.
Tras dejar los archivos en tu hosting obtienes renderizado consistente del icono en todas las plataformas: Chrome, Safari, pantalla de inicio del iPhone, Android, tile anclado de Windows.
Cómo usarlo
- Sube una imagen de origen cuadrada: idealmente PNG 512×512 px con transparencia. Un logo, un icono de app o un monograma.
- Escribe el nombre de tu sitio: aterriza en manifest.webmanifest como título de la PWA si un usuario añade tu sitio a la pantalla de inicio.
- Pulsa "Generar set": el generador construye 8 archivos PNG/ICO + manifest + snippet HTML.
- Descarga el ZIP, descomprímelo en la carpeta /public de tu servidor y pega el snippet HTML en <head>. Listo: el favicon funciona en todas las plataformas.
Qué obtienes en el bundle
Qué hay dentro del ZIP - el bundle contiene:
- favicon.ico (3 capas) - Internet Explorer, fallback para navegadores más antiguos, algunos lectores RSS.
- favicon-16x16.png y favicon-32x32.png - navegadores modernos (Chrome, Firefox, Safari) eligen el que encaje con el DPI.
- apple-touch-icon.png (180×180) - iPhone e iPad. Cuando un usuario añade tu sitio a la pantalla de inicio, este pasa a ser el icono de app.
- android-chrome-192x192.png y 512×512 - Chrome para Android: pantalla de inicio y splash de PWA.
- mstile-150x150.png - Windows 10/11 cuando un usuario ancla tu sitio al menú Inicio.
- manifest.webmanifest - manifest compatible con PWA para "Añadir a la pantalla de inicio".
- site.html - snippet listo para copiar en <head>.
Preguntas y respuestas
Idealmente 512×512 px o más grande, cuadrada, PNG con transparencia. Más grande da margen al generador para reducirla con nitidez hasta 16 px. Si subes algo más pequeño (256×256), los PNGs 192/512 saldrán borrosos por el upscaling.