Convertir SVG a ICO
Suelta tu logo en SVG y descarga un favicon con cada tamaño dibujado desde el vector.
Suelta una imagen aquí
o
PNG, JPG, WEBP, HEIC, AVIF, JXL, GIF, BMP, TIFF y SVG · hasta 20 MB
Por qué partir del vector da el mejor favicon
Si tienes el logo en SVG, esta es la mejor ruta posible hacia un favicon, y no es una cuestión de comodidad sino de cómo se generan los píxeles.
Al convertir desde un PNG, todas las resoluciones del ICO salen reduciendo una imagen grande. Reducir reparte el detalle entre píxeles vecinos, y a 16 × 16 —donde cada píxel es una parte enorme del dibujo— eso se traduce en bordes lavados y formas que pierden definición.
Al convertir desde un SVG, cada tamaño se dibuja desde cero a partir de las instrucciones del vector. Los 16 píxeles se calculan para ser 16 píxeles, no son el resumen de 256. La diferencia se nota justo en el tamaño donde más falta hace.
Sigue haciendo falta un diseño para tamaño pequeño
Partir del vector mejora la ejecución, no el diseño. Un logotipo con nombre, degradados o líneas de medio milímetro seguirá siendo ilegible a 16 píxeles por muy bien que se rasterice. Las reglas no cambian:
- El símbolo solo, o la inicial, no la composición completa de la marca.
- Contraste alto: el icono va a verse sobre pestañas claras y oscuras.
- Sin texto, salvo que sea una única letra.
- Formas gruesas: lo que a tamaño real es una línea fina, a 16 píxeles desaparece.
Lo habitual en un manual de marca decente es que exista ya una versión reducida del logo pensada para esto. Si la tienes, ese es el SVG que quieres convertir.
Dónde va el archivo
Súbelo como favicon.ico a la raíz del dominio. Los navegadores lo piden ahí por
costumbre aunque no lo declares, y declararlo además no cuesta nada:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/logo.svg" type="image/svg+xml">
La segunda línea es un extra que puedes permitirte precisamente por tener el vector: los navegadores modernos usarán el SVG y los antiguos caerán al ICO.
Preguntas frecuentes
- ¿Es mejor que convertir desde un PNG?
- Sí, y por un motivo concreto: cada resolución del ICO se dibuja desde el vector, no se obtiene reduciendo una imagen grande. A 16 píxeles esa diferencia es visible, porque una reducción reparte el detalle entre píxeles vecinos y lo emborrona.
- ¿Qué tamaños incluye?
- Por defecto 16, 32, 48 y 256 píxeles, todos dentro del mismo archivo. 16 y 32 son los de la pestaña del navegador, 48 el de los accesos directos y 256 el del explorador de Windows y las pantallas de alta densidad.
- ¿Y si mi logo lleva texto?
- Conviértelo a trazados en tu editor antes de exportar el SVG, o la tipografía puede no aparecer. Y aparte de eso: a 16 píxeles el texto no se lee. Para un favicon, usa el símbolo o la inicial, no el logotipo completo.
- ¿Se conserva la transparencia?
- Sí. ICO admite canal alfa, así que lo que en el SVG no tenga relleno queda transparente y el icono se ve bien tanto en pestañas claras como oscuras.
- ¿Mi SVG tiene que ser cuadrado?
- Conviene. Las entradas de un ICO son cuadradas siempre; si el vector no lo es, se centra y se rellena con transparencia. Un logo horizontal saldrá con mucho aire arriba y abajo y se verá pequeño en la pestaña.