Generador de Favicon
Subí tu logo y generá todos los tamaños de favicon que necesita tu sitio.
Un favicon completo es más que un solo archivo
Este mismo sitio, por ejemplo, declara su ícono en tres capas distintas dentro del
<head> de cada página: un ícono de respaldo en SVG, un favicon.ico
clásico para máxima compatibilidad, y una referencia al manifest.json con los
tamaños de 192 y 512 px que usan Android y los navegadores para instalar el sitio como app.
Cubrir bien los tres casos a mano significa exportar la misma imagen manualmente en al menos 6
tamaños distintos y escribir las etiquetas correctas para cada uno — esta herramienta hace las
dos cosas de una sola vez, a partir de una imagen fuente.
El .ico también se genera de verdad
El archivo favicon.ico que descargás no es un PNG renombrado: es un contenedor
.ico real armado en tu propio navegador, con las versiones de 16, 32 y 48 px
embebidas adentro como corresponde al formato — así los navegadores y accesos directos que
todavía priorizan el .ico por sobre los PNG sueltos lo reconocen sin problema.
Preguntas frecuentes
¿Por qué hacen falta tantos tamaños distintos de un mismo ícono?
Porque cada contexto pide un tamaño distinto y no todos los navegadores ni sistemas operativos redimensionan bien sobre la marcha: la pestaña del navegador usa 16 o 32 px, agregar el sitio a la pantalla de inicio en iOS pide 180 px, Android y las apps instalables (PWA) piden 192 y 512 px, y el .ico clásico sigue siendo lo primero que buscan algunos navegadores y accesos directos de Windows. Generar cada tamaño a mano y exportarlo por separado es tedioso; esta herramienta lo hace de una sola vez.
¿Por qué le suma algo al SEO tener un buen favicon?
Porque Google muestra el favicon junto a cada resultado de búsqueda, tanto en computadora como en el celular, desde 2019. Un favicon roto, genérico o directamente ausente hace que tu resultado se vea menos profesional al lado de los demás y puede afectar la tasa de clics — un detalle chico, pero con impacto real en cuántas personas eligen entrar a tu sitio en vez de otro de la lista.
¿Qué diferencia hay entre favicon.ico y los archivos PNG?
favicon.ico es el formato clásico (viene de Windows) que todavía es lo primero que buscan algunos navegadores y accesos directos por compatibilidad, mientras que los PNG sueltos son el estándar moderno que declarás explícitamente con etiquetas <link>. Esta herramienta genera los dos — el .ico incluye adentro las versiones de 16, 32 y 48 px — para cubrir tanto lo viejo como lo nuevo sin tener que elegir uno solo.
¿Qué pasa si mi imagen no es cuadrada?
Un favicon tiene que ser cuadrado sí o sí, así que si subís una imagen rectangular la herramienta la centra sobre un lienzo cuadrado, rellenando los bordes con el color de fondo que elijas (o dejándolos transparentes, si tu imagen tiene transparencia). Conviene revisar la vista previa antes de descargar para confirmar que el recorte se vea bien.
¿Te falta alguna herramienta?
Contanos qué necesitás y la sumamos al catálogo.