SEO
Favicon Generator
Sube una imagen y obtén un conjunto completo de favicons (16–512px, .ico, manifiesto web) junto con el código HTML listo para el <head>.
El archivo incluye todos los PNG, favicon.ico y site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Artículo sobre esta herramienta: Favicon: por qué un solo icono necesita tantos tamaños y formatos
Preguntas frecuentes
¿Por qué necesito tantos tamaños diferentes de favicon?
Diferentes plataformas solicitan diferentes tamaños — las pestañas del navegador suelen usar 16x16 o 32x32, los iconos de la pantalla de inicio de iOS necesitan 180x180, y Android usa varios tamaños hasta 512x512 — generar el conjunto completo garantiza que tu icono se vea nítido en todas partes.
¿Cuál es la diferencia entre favicons .ico y .png?
El formato .ico puede agrupar varias resoluciones en un archivo y tiene el soporte más amplio en navegadores antiguos, mientras que los navegadores modernos también aceptan archivos .png simples referenciados directamente en etiquetas link — la mayoría de los sitios hoy usan ambos por compatibilidad.
¿Mi imagen subida se envía a un servidor para generar los favicons?
No. Todo el redimensionamiento y conversión de formato ocurre enteramente en tu navegador — la imagen nunca se sube a ningún sitio.
¿Se puede usar un SVG como favicon?
Sí — los navegadores modernos basados en Chromium y Firefox admiten <link rel="icon" type="image/svg+xml">, y un favicon así se mantiene nítido en cualquier densidad de pantalla e incluso puede responder al modo oscuro mediante prefers-color-scheme dentro del propio archivo.
¿Qué es un icono maskable para Android?
Es un icono con un margen de seguridad alrededor del gráfico principal que Android puede recortar en cualquier forma (círculo, cuadrado con esquinas redondeadas, etc.) según el tema del dispositivo, sin cortar contenido importante del icono.