Generador de favicons
Convierte una imagen en un conjunto práctico de favicons con tamaños para navegador, Apple touch y PWA, además de HTML listo para copiar.
Hasta 20 MiB y 40 millones de píxeles por imagen. Las hojas de contactos admiten 2–50 imágenes, hasta 100 MiB en total. Los iconos encajan la imagen completa en un cuadrado con relleno transparente.
Por qué existe esta herramienta
Los símbolos sencillos y de alto contraste son los que mejor se ven en favicons diminutos.
- ✓ tamaños de 16–512px
- ✓ vistas previas en vivo
- ✓ fragmento HTML
- ✓ procesamiento local en el navegador
Útil para
- • sitios web
- • PWA
- • renovaciones de marca
Crea el conjunto de iconos que tu sitio puede usar de verdad
Un favicon no es solo un archivo ICO diminuto. Un sitio moderno puede necesitar varios tamaños PNG, un icono Apple touch, iconos PWA y un pequeño bloque de HTML para enlazarlos.
Empieza con una imagen cuadrada
Un símbolo sencillo y de alto contraste resiste los tamaños pequeños mejor que una ilustración detallada. Una imagen cuadrada de unos 512 píxeles o más da al generador margen para crear iconos pequeños con nitidez.
Previsualiza el icono más pequeño antes de publicarlo. Un logotipo perfecto a 512 píxeles puede volverse ilegible a 16 o 32 píxeles.
Revisa el paquete antes de sustituir tus iconos actuales
Abre los archivos generados, confirma nombres y tamaños y pega el código proporcionado en el head del sitio. Conserva tu conjunto de favicons actual hasta verificar los nuevos archivos.
Preguntas frecuentes
¿Qué imagen debo usar para un favicon?
Un logotipo o símbolo cuadrado y limpio funciona mejor. El alto contraste y las formas sencillas suelen resistir los tamaños diminutos mejor que los detalles finos.
¿Qué tamaños de favicon debe tener un sitio web?
Los flujos web y de dispositivos habituales usan varios tamaños en lugar de un solo archivo. El generador ofrece varios tamaños PNG y un paquete ICO para que elijas los archivos que necesita tu sitio.
¿Necesito favicon.ico e iconos PNG?
Sirven a flujos de navegadores y plataformas diferentes, así que conviene mantener ambos cuando importa la compatibilidad amplia.
¿Puedo usar un logotipo SVG?
Sí, si el navegador puede decodificarlo, pero revisa los PNG/ICO generados, porque las fuentes, los filtros y las referencias externas pueden cambiar al rasterizar.