Generador de favicon — PNG/SVG a ICO multi-tamaño
Convierte un logo o marca cuadrada en favicon del sitio: varios tamaños empaquetados en un `.ico` para pestañas, favoritos y algunos accesos más nítidos. Empieza con un cuadrado simple centrado sobre fondo limpio — el detalle denso se vuelve barro a 16×16.
Suelta un archivo aquí o haz clic para seleccionar
El favicon es la marca diminuta que se ve en una pestaña. Muchos sitios también envían PNG en un web manifest, pero ICO sigue siendo un paquete multi-tamaño sólido para amplia compatibilidad.
Las fuentes cuadradas funcionan mejor. Logos anchos se letterboxeán o recortan según el modo de ajuste — recorta a cuadrado primero si hace falta.
El contraste fuerte gana a tamaños pequeños: líneas finas gris claro desaparecen en la barra de pestañas. Formas audaces ganan al texto diminuto.
Cómo generar
- Sube el logo más cuadrado que tengas
- Elige el conjunto de tamaños y el modo de ajuste
- Descarga favicon.ico
- Colócalo en la raíz del sitio o enlázalo según la documentación de tu framework
Qué te ahorra el generador
- Empaqueta tamaños comunes de una vez para no olvidar 16 o 32.
- Descarga un `.ico` listo — sin montar el archivo a mano.
- Sube un logo cuadrado y cuélgalo en el sitio rápido.
Quién lo necesita
- Sitio nuevo sin icono de pestaña aún
- Actualización de color de marca para el favicon
- ICO rápido desde un logo PNG para un host tradicional
Consejos de diseño
- Fuente de al menos 256×256 o SVG vectorial escala más limpio.
- No metas un eslogan completo en el icono.
- Abre una pestaña real del navegador tras generar para comprobar.
- Las PWA pueden seguir necesitando entradas PNG separadas en el manifest.
Guía de entrada
| Entrada | Salida | Nota |
|---|---|---|
| Logo PNG cuadrado | favicon.ico multi-tamaño | Lo más común |
| Icono SVG | Rasterizado en ICO | Vigila el grosor del trazo |
Preguntas del favicon
- ¿Puedo usar solo PNG como favicon?
- Muchos navegadores modernos lo permiten. ICO sigue ayudando en entornos antiguos; ambos juntos es habitual.
- ¿SVG como único favicon?
- El soporte crece, pero la combo ICO/PNG sigue siendo más segura.
- ¿Por qué 16×16 es ilegible?
- Demasiado detalle en la fuente. Simplifica o diseña una marca diminuta dedicada.