Supports PNG, SVG, JPG & WebP of any resolution. Generates binary favicon.ico, Apple Touch & Android PWA icons in browser.
Un favicon ya no es solo un archivo de 16×16 píxeles. Hoy en día, tu sitio web interactúa con pantallas táctiles Retina, lanzadores de aplicaciones Android, la barra de pestañas de Safari en iPad y los resultados de búsqueda de Google. Aquí tienes la suite completa y optimizada sin subir tu imagen a ningún servidor.
Volver al GeneradorSin registros, sin límites de resolución y sin enviar archivos a terceros.
Arrastra tu logotipo en formato PNG, SVG o JPG (preferiblemente de 512×512 px o mayor).
Define el margen interior para que no toque los bordes y selecciona el color de tema de tu web.
Extrae los archivos en la raíz pública de tu hosting y pega las etiquetas sugeridas en tu <head>.
| Archivo | Resolución | Plataforma | Propósito Técnico |
|---|---|---|---|
| favicon.ico | 16×16, 32×32, 48×48 | Universal (Desktop / Bots) | Contenedor binario multiresolución. Previene errores 404 en navegadores antiguos y rastreadores. |
| favicon-16x16.png | 16 × 16 px | Navegadores estándar | Pestañas estándar de navegadores de escritorio (Chrome, Firefox, Safari). |
| favicon-32x32.png | 32 × 32 px | Pantallas Retina / 4K | Marcadores, barra de favoritos y pantallas de alta densidad de píxeles. |
| apple-touch-icon.png | 180 × 180 px | Apple iOS / iPadOS | Acceso directo cuando un usuario añade tu web a la pantalla de inicio en iPhone o iPad. |
| android-chrome-192x192.png | 192 × 192 px | Android / PWA | Icono principal de la aplicación instalada en el launcher móvil de Android. |
| android-chrome-512x512.png | 512 × 512 px | Android / PWA | Pantalla de carga (Splash Screen) al abrir la PWA y ficha en Google Play Web-to-App. |
| maskable-icon-512x512.png | 512 × 512 px | Android Adaptativo | Icono con zona segura del 20% para que Android recorte en forma circular o de lágrima sin cortar el logo. |
| site.webmanifest | JSON | Estándar PWA W3C | Declara nombres de la app, colores de tema, modo de visualización autónomo y lista de iconos. |
Respuestas técnicas directas para desarrolladores y diseñadores web.
El estándar moderno mínimo requiere: favicon.ico en la raíz (con capas de 16, 32 y 48 px para compatibilidad), favicon-16x16.png y favicon-32x32.png para navegadores desktop, apple-touch-icon.png (180×180) para iOS y el archivo site.webmanifest con iconos de 192×192 y 512×512 para Android.
Diferentes fabricantes de Android (Samsung, Google Pixel, Xiaomi) aplican máscaras de formas distintas a los iconos (círculos, esquinas redondeadas o lágrimas). El icono maskable incluye una zona segura exterior de aproximadamente el 18-20% para que ningún elemento esencial de tu logotipo quede recortado accidentalmente.
Favicon Studio Pro utiliza un algoritmo de step-down bicubic downsampling: en lugar de reducir bruscamente de 1024 a 16 px (lo que provocaría artefactos y desenfoque), el motor escala la imagen a la mitad sucesivamente en pasos intermedios, preservando bordes definidos y contraste visual.
Descomprime el ZIP descargado directamente en el directorio raíz público de tu servidor web (habitualmente public_html/, public/ o dist/). Es muy importante que favicon.ico esté accesible en la URL https://tudominio.com/favicon.ico sin subcarpetas intermedias.
No, bajo ninguna circunstancia. Toda la rasterización, redimensión y generación del archivo binario .ICO se ejecuta 100% en la memoria RAM de tu navegador gracias a la API HTML5 Canvas y ArrayBuffer. Tus archivos nunca salen de tu ordenador.
Google utiliza un rastreador específico (Google Favicon bot) con una caché prolongada de varias semanas. Para acelerar el proceso, asegúrate de que el favicon.ico y las etiquetas <link rel="icon"> no estén bloqueadas por tu archivo robots.txt y solicita una reindexación de tu página principal en Google Search Console.
Creo herramientas web que respetan tu privacidad: tus iconos se generan en tu propio navegador y nunca pasan por mis servidores.
