Cómo convertir SVG a ICO en 3 pasos
Un vector es el mejor origen posible para un icono, y esta conversión de SVG a ICO lo aprovecha en lugar de tratar el archivo como una imagen más.
- Agrega tu archivo SVG
Arrástralo al recuadro de arriba, haz clic para elegirlo o pégalo con
Ctrl+V. Hasta 50 a la vez y sin límite de tamaño, porque nada se sube a ningún servidor. - Revisa los avisos y elige los tamaños
La fila te dice si el SVG lleva texto vivo, imágenes externas o filtros, que son las tres cosas que pueden salir distintas de lo que esperas. Después marca las resoluciones que quieres dentro del archivo.
- Convierte y descarga
Cada tamaño se dibuja por separado desde el vector, no se escala desde otro. Toda la conversión de SVG a ICO ocurre en tu equipo.
Por qué SVG a ICO da el mejor icono posible
Dibujado en cada tamaño, no encogido hasta él
Un SVG no guarda píxeles, guarda instrucciones de dibujo, así que al convertir de SVG a ICO cada tamaño se rasteriza por separado desde el vector original. El icono de 16 píxeles sale de las mismas matemáticas que el de 256, no de encogerlo.
La diferencia entre pasar de SVG a ICO y hacerlo desde un mapa de bits es real. Partiendo de un PNG grande, el convertidor tiene que reducir, y reducir promedia píxeles: los bordes finos se difuminan y los detalles pequeños se juntan. Partiendo del vector, cada tamaño se dibuja con los bordes en el sitio exacto que le corresponde a esa resolución.
Lo que eso te compra a 16×16
A tamaño de pestaña de navegador es donde se nota si hiciste el SVG a ICO o partiste de una imagen. Un logotipo reducido desde una imagen grande llega convertido en una mancha de la que se adivina el color y poco más. El mismo logotipo dibujado desde el vector conserva sus formas, porque el rasterizador puede colocar cada trazo en la rejilla de 16 píxeles en vez de heredarlo de otra.
Cuándo no ayuda
Cuando el diseño es demasiado complejo para el tamaño. Un vector con seis colores, texto pequeño y detalles finos no se salva por ser vectorial: a 16 píxeles simplemente no hay sitio. La vista previa de esta página dibuja los tamaños reales para que veas ese límite antes de convertir, y la respuesta suele ser simplificar el dibujo, no cambiar de herramienta.
Qué pierde tu SVG al pasar de SVG a ICO
La rasterización es limpia, pero hay cuatro cosas dentro de un SVG que no sobreviven al viaje de SVG a ICO. Esta página las busca y te lo dice en la fila antes de que descargues nada.
Las fuentes caen a lo que haya en el equipo
Las tipografías nunca viajan dentro de un SVG cargado como imagen, así que el texto vivo se dibuja con una sustituta. Si tu logotipo lleva letras, conviértelas a trazos antes de pasar de SVG a ICO: es la diferencia entre un icono que es tu marca y uno que es tu marca en otra tipografía.
Las imágenes externas desaparecen en silencio
Un SVG que apunta a una imagen de fuera pierde esa parte, porque el navegador no la descarga durante la conversión. Es bueno para la privacidad y significa que todo lo que importe debe estar incrustado en el propio archivo.
Los filtros y las máscaras son lotería
Desenfoques, sombras y máscaras complejas se dibujan de forma ligeramente distinta según el motor del navegador. A tamaño grande la diferencia es imperceptible; a 16 píxeles puede ser la diferencia entre un borde limpio y uno sucio. Si el icono tiene que ser exacto, conviene un diseño sin filtros.
Los scripts no se ejecutan, y ese es el objetivo
Un SVG puede contener JavaScript, lo cual es una preocupación razonable con un archivo que no has hecho tú. Cargado como imagen no se ejecuta nunca, y aquí además nada se sube: el archivo ni corre ni sale de tu equipo.
Un SVG no tiene tamaño en píxeles
Esto confunde a mucha gente, y merece una respuesta directa. Si tu programa dice que el SVG mide 150×150, eso no es su resolución: es el tamaño de referencia que alguien escribió en el archivo. Un vector se puede dibujar a 16 o a 2000 píxeles con la misma nitidez, porque no hay píxeles guardados que estirar.
Un viewBox no cuadrado frente a un icono cuadrado
Lo que sí importa del viewBox es su proporción. Si es apaisado y el icono tiene que ser cuadrado, hay que elegir: meterlo entero con márgenes, o recortar hasta llenar. Con un logotipo horizontal lo primero suele leerse mejor aunque el dibujo quede más pequeño; con una marca compacta, lo segundo aprovecha mejor cada píxel.
Ya tienes un favicon en SVG: ¿para qué un ICO?
Es la objeción correcta y merece una respuesta honesta antes de que te molestes en hacer el SVG a ICO. Los navegadores actuales aceptan un favicon en SVG, y es una buena idea tenerlo. Pero no cubre todo.
/favicon.ico es el respaldo que nada más cubre
Los navegadores piden /favicon.ico a la raíz del sitio por su cuenta, exista o no una etiqueta que lo mencione. Además hay lectores de contenidos, previsualizaciones de enlaces, herramientas internas y navegadores antiguos que solo miran ahí. Convertir de SVG a ICO cuesta un minuto y elimina toda esa categoría de fallos silenciosos.
Cómo es un juego de favicons hoy
El SVG para los navegadores modernos, un PNG grande para el icono de la pantalla de inicio en el teléfono, y un favicon.ico con 16, 32 y 48 dentro como base que nunca falla. Si prefieres que alguien te prepare el juego entero de una vez, el generador de favicon hace justo eso.
Qué tamaños generar al convertir de SVG a ICO
| Para qué | Tamaños | Nota |
|---|---|---|
| Favicon de un sitio web | 16, 32, 48 | El navegador toma el que mejor encaje en cada contexto |
| Icono de escritorio o de aplicación de Windows | 16, 32, 48, 256 | El de 256 es el que ven el escritorio y el instalador |
| Partiendo de un vector, ¿incluyo más? | 24, 64, 128 salen baratos | Cada tamaño se dibuja limpio y comprime bien, así que el archivo apenas crece |
Preguntas frecuentes
¿Por qué conviene partir de un SVG a ICO en vez de un PNG?
Porque un vector no tiene resolución: cada tamaño del icono se dibuja de nuevo con las mismas matemáticas en lugar de encogerse desde una imagen grande. Eso se nota sobre todo a 16 píxeles, donde un mapa de bits reducido se convierte en una mancha y un vector redibujado conserva sus formas.
¿Este convertidor de SVG a ICO es gratis?
Sí, sin condiciones. No hay registro, ni marca de agua, ni cupo diario. La conversión ocurre en tu propio equipo.
¿Es seguro convertir de SVG a ICO un archivo que descargué de internet?
Sí. Un SVG puede llevar scripts dentro, pero al cargarse como imagen no se ejecutan nunca, y aquí además el archivo no se sube a ningún sitio. Ni corre ni viaja. La fila te avisa si detecta un script, para que sepas qué tienes entre manos.
¿Por qué el texto de mi SVG sale con otra tipografía?
Porque las fuentes no viajan dentro de un SVG cargado como imagen: el texto vivo se dibuja con la que haya en el equipo. Conviértelo a trazos en tu programa de diseño antes de pasar de SVG a ICO. Esta página detecta el texto vivo y te lo advierte antes de convertir.
¿Qué pasa si mi SVG no es cuadrado?
Todo icono lo es, así que hay que decidir: meter el vector entero con márgenes a los lados, o recortar hasta llenar el cuadrado. Con logotipos apaisados suele funcionar mejor lo primero, aunque el dibujo quede más pequeño; con marcas compactas, lo segundo.
¿Ya tengo un favicon en SVG, para qué quiero un ICO?
Porque /favicon.ico sigue siendo el recurso que los navegadores piden por su cuenta, sin que exista ninguna etiqueta que lo mencione, y hay contextos que solo miran ahí. Un juego de favicons completo hoy lleva el SVG para los navegadores modernos y el ICO como base que nunca falla.
¿Qué tamaños debo incluir en el ICO?
Para un favicon, 16, 32 y 48. Si el icono también se va a usar en el escritorio o dentro de una aplicación de Windows, agrega 256. Partiendo de un vector incluir tamaños de más apenas cuesta, porque cada uno se dibuja limpio y comprime bien.
¿Mis archivos se suben a algún servidor?
No. La conversión de SVG a ICO ocurre dentro de tu navegador, así que el archivo nunca sale de tu equipo y todo sigue funcionando sin conexión. Puedes leer los detalles en nuestra política de privacidad.
Más herramientas gratuitas de conversión
Este convertidor de SVG a ICO forma parte de una familia de herramientas gratuitas que funcionan dentro del navegador en pngconvert.net. ¿Necesitas el vector como imagen normal? El convertidor de SVG a PNG lo exporta en cualquier tamaño. ¿Quieres el juego de favicons completo? Ahí está el generador de favicon.
Convierte imágenes PNG en iconos de Windows y favicons, con todos los tamaños en un solo archivo.
JPG a ICORecorta la foto en cuadrado, quítale el fondo y llévate un icono de Windows.
WebP a ICOTodos los tamaños en un icono, y tú eliges el fotograma si la imagen se mueve.
ICO a PNGExtrae cada tamaño que hay dentro de un ICO como una imagen PNG independiente.
WebP a PNGDesempaqueta un WebP en PNG con transparencia: un fotograma, todos, o un APNG.
SVG a PNGConvierte vectores en PNG del tamaño que quieras: 1x, 2x, 3x o el ancho que necesites.
AVIF a PNGConvierte los AVIF que tus programas no abren en PNG que funcionan en todas partes.
HEIC a PNGConvierte las fotos HEIC del iPhone a PNG en tu navegador, sin subir nada.
GIF a PNGUn fotograma, todos en un ZIP, o un PNG animado. Tú decides.
JPG a PNGUn PNG sin pérdida a partir de un JPG, y un fondo liso que puedes volver transparente.
PNG a WebPReduce tus PNG a WebP y mira bajar el tamaño al instante, con o sin pérdida.
PNG a GIFGIF creados en tu navegador: una imagen fija, o varios PNG convertidos en animación.
PNG a JPGConvierte PNG a JPG: elige el color que rellena la transparencia y mira encoger el archivo.
WebP a JPGConvierte WebP en JPG que se abren en cualquier parte. Tú eliges el relleno de la transparencia.
HEIC a JPGConvierte las fotos HEIC del iPhone en JPG ligeros y fáciles de compartir, sin subir nada.
Generador de faviconEntra un logo, salen los archivos de favicon que de verdad necesitas.