Disponible
Sin registro
Generador de Favicon
Todo el pack listo para producción.
Generar desde
Tamaños generados
Configura tu favicon arriba.
HTML <head>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" /> <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" /> <link rel="manifest" href="/site.webmanifest" />
Cómo funciona esta herramienta
El favicon ya no es solo el iconito de 16×16 en la pestaña del browser. En 2026 necesitás 13+ tamaños distintos: 16/32 (pestañas), 48/64 (escritorio Windows), 128 (Chrome web store), 180 (apple-touch-icon iPhone), 192/512 (PWA en Android), 256/512 (manifest.json).
Este generador toma una imagen tuya o un texto + color, y genera todos los tamaños en PNG + el snippet HTML para el
+ manifest.json. Funciona 100% en el navegador con canvas API. Soporta tanto logos de marca como texto inicial (genera un cuadrado con la primera letra del texto que ingresaste).Preguntas frecuentes
- ¿Tengo que poner los 13 tamaños?
- Mínimo: favicon-32x32.png + apple-touch-icon-180x180.png + favicon-192x192.png. Eso cubre 95% de devices. Los demás son nice-to-have.
- ¿Y el .ico clásico?
- Históricamente Internet Explorer requería .ico (multi-tamaño en un solo archivo). Hoy todos los navegadores soportan PNG directo. Solo necesitás .ico si tu audiencia incluye IE11 (raro).
- ¿Manifest.json para qué?
- Para PWA (Progressive Web App) — permite que tu sitio sea 'instalable' en mobile como una app. Necesitás el manifest + 192/512 PNG + HTTPS + service worker.
- ¿Cuánto pesa todo?
- El pack completo (13 PNGs) pesa 30-100 KB total. No afecta perceptible al loading. Los browsers solo descargan el favicon que necesitan según el contexto.