Convertir SVG a ICO Scalable Vector Graphics ↔ Icon Gratis En línea Seguro
Un SVG no es una imagen: son las instrucciones para dibujar una. Aquí se siguen una vez, al tamaño que elija, y el resultado se guarda como ICO. El dibujo se representa en un recinto donde nada del archivo puede ejecutarse, y no se sube nada.
Convierta su archivo
Suelte un SVG aquí, o elija uno.
Su archivo no sale de este dispositivo. Todo se ejecuta en su navegador.
No se sube nada
Qué distingue a un vector
Un SVG no es una imagen; es un conjunto de instrucciones para dibujar una: un círculo de este radio aquí, una línea de aquí hasta allá, esta forma rellena de aquel color. Se volvió norma de la web en 2001, y como guarda el dibujo y no el resultado, con el mismo archivo que muestra un icono de dieciséis píxeles puede imprimirse una valla publicitaria. Un PNG o un JPEG guarda lo contrario: una cuadrícula acabada de puntos de color, sin memoria alguna de qué los dibujó. Esa asimetría decide todo en esta página. Ir del vector al ráster es sencillamente dibujar las instrucciones al tamaño elegido; ir al revés es vectorizar: un programa mira una cuadrícula de puntos y adivina qué formas pudieron producirla.
Dónde se los encuentra
Logotipos, iconos, mapas, esquemas y gráficos viven como SVG, porque deben ser legibles a cualquier tamaño y a menudo hay que recolorearlos. Los favicons y los iconos de aplicación salen de ellos. El sentido inverso sirve para el instante en que un vector debe volverse imagen plana: un correo que no muestra SVG, una vista previa en una red social, un documento que imprimirá alguien con programas más viejos que los suyos, o un formulario de subida que solo admite fotografías.
Preguntas frecuentes
Vectoricé una fotografía y el resultado es horrible. ¿Por qué?
Porque la vectorización nunca se pensó para fotografías. Funciona buscando regiones de color parecido y trazando un contorno alrededor de cada una, lo que encaja con el arte plano —un logotipo, una plantilla, un dibujo de línea— y fracasa en una fotografía, donde cada región se funde gradualmente con la siguiente. El programa ha de inventar un borde donde no lo hay, y produce o bien manchas de cartel en planos, o bien un archivo con decenas de miles de formas diminutas. Para fotografías, quédese con el ráster.
¿Por qué mi SVG se ve distinto en otro programa?
Casi siempre por las tipografías. Un SVG con texto llama a una tipografía por su nombre y espera que la máquina que lo abre la tenga; si no, se sustituye por otra y la disposición se mueve. El remedio es convertir el texto en contornos antes de exportar: cada letra pasa a ser una forma y el archivo se ve igual en todas partes, al precio de que el texto ya no pueda editarse ni seleccionarse. Los efectos avanzados, como filtros y modos de fusión, son la otra fuente habitual de diferencias.
¿Pierde calidad el archivo?
Depende de lo que puedan contener ambos formatos. Convertir entre formatos que guardan lo mismo —un PNG a BMP, un WAV a FLAC— no pierde nada. Convertir a un formato que descarta información para ahorrar espacio, como JPEG o MP3, pierde un poco cada vez, y volver atrás no lo recupera. Donde hay elección, esta página se inclina por conservar la calidad original antes que por hacer el archivo más pequeño.
¿Se sube mi archivo a alguna parte?
No. La conversión ocurre dentro de su navegador, en su propia máquina; el archivo nunca sale de ella y aquí no hay ningún servidor que pudiera recibirlo. Por eso un archivo grande lo limita su propia memoria y no una subida, y por eso nada de lo que convierta puede aparecer en los registros de nadie, incluidos los nuestros. Las herramientas de audio y de vídeo sí traen su motor de conversión de este sitio la primera vez que las usa —unos treinta megabytes, una sola vez—; después el trabajo sigue ocurriendo por completo en su máquina.
Por qué la gente convierte SVG a ICO
Un archivo ICO es un icono. Es la pequeña imagen que aparece en la pestaña de un navegador junto al nombre de una página, en una lista de marcadores, en un acceso directo y en la esquina de la ventana de un programa en Windows. Si gestiona un sitio web, quiere uno que lleve su marca. Si construye un programa, necesita uno para su ejecutable. Y si tiene un logotipo, es muy probable que sea un dibujo vectorial en formato SVG. Por eso la gente convierte SVG a ICO: tiene el dibujo de la marca, y necesita el archivo de icono que los navegadores y los sistemas operativos siguen pidiendo por su nombre.
Un SVG no es una imagen. Es un conjunto de instrucciones para dibujar una: dibuje un círculo aquí, una curva allá, rellene esta forma con ese color. Como son instrucciones y no píxeles, un SVG puede mostrarse a cualquier tamaño sin volverse borroso. Un icono, en cambio, es un puñado de imágenes pequeñas reunidas en un archivo, cada una hecha para un tamaño concreto. Esta página sigue las instrucciones de su SVG una vez para cada tamaño y empaqueta los resultados en un archivo ICO.
Esta página convierte SVG a ICO en su navegador. El dibujo se representa en un entorno aislado donde nada del archivo puede ejecutarse, y no se sube nada. A continuación encontrará cómo funciona, qué tamaños contiene el archivo, por qué los iconos pequeños son un problema especial y qué hacer al respecto.
Cómo funciona la conversión
Seis tamaños en un archivo
El ICO que sale contiene seis tamaños en un solo archivo: 16, 32, 48, 64, 128 y 256 píxeles. Cada uno se vuelve a dibujar a partir del SVG en lugar de reducirse a partir de los demás, de modo que la versión de 16 píxeles son las instrucciones seguidas a 16 píxeles, y no una copia encogida de la grande. Todos conservan su transparencia. Un sistema operativo o un navegador elige entonces el tamaño que convenga al lugar donde se muestra el icono.
Un entorno aislado donde nada puede ejecutarse
Un archivo SVG puede, en principio, contener scripts y referencias a otras cosas. Para que eso nunca sea un riesgo, el dibujo se representa en un entorno aislado donde nada del archivo puede ejecutarse. Solo se pintan las formas. Esto es seguro incluso para archivos que descargó de un lugar en el que no confía del todo.
Por qué volver a dibujar es mejor que reducir
Cuando se reduce una imagen grande a una diminuta, los detalles se funden entre sí y las líneas se vuelven grises. Volver a dibujar a partir de las instrucciones vectoriales al tamaño de destino da el resultado más nítido que cada tamaño puede tener, ya que las líneas se colocan directamente en la cuadrícula de píxeles.
Qué se conserva
Los seis tamaños
Recibe 16, 32, 48, 64, 128 y 256 píxeles, lo que cubre los lugares donde normalmente se muestran los iconos: pestañas del navegador, la barra de tareas, accesos directos del escritorio, listas de archivos y vistas previas grandes.
La transparencia
La transparencia se conserva en los seis tamaños. Las zonas del SVG que no tienen relleno siguen siendo transparentes en el ICO, de modo que el icono adopta el color de lo que haya detrás.
La forma de la marca
El dibujo se conserva tal cual, con sus colores y sus formas. Si el SVG no es cuadrado, se ajusta al cuadrado de cada icono sin estirarse.
Lo que debe saber antes de convertir SVG a ICO
Un icono es un dibujo distinto
Un icono no es una imagen pequeña, es un dibujo distinto. Todo lo que tenga líneas finas o texto pequeño se convierte en papilla a 16 píxeles, por cuidadosamente que se represente. Un logotipo que se ve excelente en un cartel puede ser ilegible como favicon. Si el resultado se ve borroso, la respuesta es un SVG más sencillo y no una conversión mejor.
Diseñe para el tamaño más pequeño
Los mejores iconos se hacen pensando en el tamaño más pequeño: una forma audaz, un número limitado de colores, sin líneas finísimas y sin rotulación más allá de una sola letra. Si puede, prepare una versión simplificada de su logotipo como un SVG aparte con este fin, y convierta luego SVG a ICO con ella.
Las fuentes y las imágenes de otro origen no se resuelven
Las fuentes y las imágenes que el SVG toma de otro lugar no se resuelven en el entorno aislado. El texto compuesto con una fuente web cargada desde un servidor vuelve a una fuente del sistema, y una imagen enlazada desde fuera del archivo faltará. Para el mejor resultado, convierta el texto en contornos e incruste las imágenes.
Cómo convertir SVG a ICO aquí
Añada su dibujo
Suelte el SVG en la página o elíjalo desde su dispositivo. Se lee dentro de su navegador y no se sube.
Convierta
Pulse el botón. Los seis tamaños se dibujan uno tras otro, lo que lleva un momento. Deje la página abierta hasta que termine.
Descargue y pruebe
Descargue el ICO y pruébelo donde se vaya a usar. En un sitio web, póngalo en la carpeta raíz con el nombre favicon.ico, o enlácelo en la cabecera de la página, y mire la pestaña de un navegador. En Windows, puede asignarlo a un acceso directo y ver cómo se ve a diversos tamaños.
Una mirada más de cerca a SVG e ICO
Vector y paquete
Un SVG es un único dibujo que puede representarse a cualquier tamaño. Un ICO es un contenedor con varias imágenes dentro, cada una de un tamaño fijo. El software que muestra un icono elige la imagen más cercana al tamaño que necesita, lo que evita un escalado borroso. Convertir SVG a ICO es representar el dibujo a los tamaños que se espera que contenga el contenedor.
Dónde se usan los iconos
Los navegadores usan los tamaños más pequeños para las pestañas y los mayores para los marcadores y la página de nueva pestaña. Windows los usa para la barra de tareas, el menú Inicio y el Explorador. Los dispositivos móviles tienen sus propios conjuntos de tamaños de imagen para las pantallas de inicio, que normalmente son archivos PNG, no ICO. Si prepara un icono de aplicación para un teléfono, SVG a PNG con los tamaños que exija la plataforma es la mejor vía.
Los favicons hoy
Los navegadores modernos aceptan PNG e incluso SVG como favicons, pero el ICO sigue siendo el formato que funciona en todas partes, incluidos los navegadores antiguos, algunos lectores de canales y herramientas que buscan favicon.ico automáticamente. Tener uno es la elección segura.
Situaciones comunes en detalle
El favicon de un sitio web
Convierta SVG a ICO, guarde el archivo como favicon.ico en la raíz de su sitio y enlácelo. La pestaña de todo navegador llevará su marca, lo que hace reconocible la página entre muchas pestañas abiertas.
El icono de un programa de Windows
Los programas de Windows llevan un icono en su ejecutable y en sus accesos directos. Los desarrolladores necesitan un ICO de varios tamaños para ello. Los seis tamaños que recibe cubren los requisitos habituales.
Accesos directos y carpetas
En Windows puede dar a un acceso directo o a una carpeta su propio icono. Un ICO hecho a partir de su logotipo hace más fácil reconocer su escritorio o las carpetas de sus proyectos.
Sitios de pequeñas empresas y blogs
Un favicon es un pequeño detalle que hace que un sitio parezca terminado. Si su logotipo es un SVG, esta conversión produce el archivo que los constructores de sitios le piden subir.
Consejos prácticos antes de convertir SVG a ICO
Simplifique el dibujo
Quite las líneas finas, suprima la rotulación o conserve una sola letra, y use formas audaces. Vea el SVG a 16 píxeles en su programa de dibujo antes de convertir, para ver cómo será el icono más pequeño.
Haga cuadrado el dibujo
Los iconos son cuadrados. Si su logotipo es ancho, colóquelo en un lienzo cuadrado con algo de margen, para que no se corte ni quede diminuto dentro del cuadrado.
Compruebe el contraste
Las pestañas del navegador pueden ser claras u oscuras. Una marca con fuerte contraste frente a ambos fondos se ve mejor. Un fino contorno blanco sobre una marca oscura, o una forma de color sólido, suele funcionar.
Conserve el SVG
El SVG es el maestro. Si decide cambiar el icono más adelante, lo necesitará para convertir SVG a ICO otra vez.
Preguntas que la gente se hace antes de convertir
¿Por qué se ve borroso mi icono a 16 píxeles?
Porque 16 píxeles son muy pocos. Las líneas finas y el texto pequeño no pueden representarse ahí. Simplifique el dibujo en lugar de buscar una conversión mejor.
¿Qué tamaños contiene el archivo?
16, 32, 48, 64, 128 y 256 píxeles, cada uno vuelto a dibujar a partir del SVG, todos con transparencia.
¿Se conservará la transparencia?
Sí. Un fondo transparente en el SVG es transparente en los seis tamaños del ICO.
¿Puedo usar el archivo como favicon?
Sí. Llámelo favicon.ico, colóquelo en la raíz de su sitio o enlácelo desde la cabecera de sus páginas.
¿Se sube mi archivo?
No. La conversión se ejecuta en su navegador y el archivo nunca sale de su dispositivo.
¿Puedo hacer un SVG a partir de un icono?
Sí, hasta cierto punto. ICO a SVG traza un icono en formas, aunque el pequeño tamaño limita lo que se puede recuperar.
Elegir con acierto al convertir SVG a ICO
¿ICO o PNG?
Para un favicon que funcione en todas partes, elija ICO. Para iconos de aplicaciones en teléfonos y para imágenes en páginas web, PNG es el formato habitual. SVG a PNG se lo da.
Piense en el conjunto entero
Si prepara una marca, puede necesitar un logotipo como PNG, un favicon como ICO y una versión imprimible como PDF. SVG a PDF conserva el dibujo como dibujo para imprimir.
Pruebe en una pestaña real
Mire el icono en una pestaña real de un navegador, tanto con un tema claro como con uno oscuro. Es el lugar donde la mayoría de la gente lo encontrará.
Conseguir un buen resultado tras la conversión
Vacíe la caché del navegador
Los navegadores guardan los favicons durante mucho tiempo. Si sustituye un icono y sigue viendo el antiguo, vacíe la caché o abra el sitio en una ventana privada.
Compruebe todos los tamaños
Si tiene una herramienta que abra archivos ICO, mire cada tamaño. Una marca que está bien a 256 píxeles puede ser ilegible a 16, y eso le dice si debe simplificar.
Póngale el nombre correcto
Los navegadores buscan favicon.ico en la raíz de un sitio por defecto. Conserve ese nombre salvo que enlace el archivo explícitamente.
Diseñar una marca que sobreviva al tamaño más pequeño
Parta de la cuadrícula de 16 píxeles
La manera más fiable de lograr un buen resultado al convertir SVG a ICO es diseñar pensando en el tamaño más pequeño. Imagine una cuadrícula de dieciséis por dieciséis cuadrados y pregúntese qué puede colocar en ella. Un círculo, una letra, un glifo sencillo: sí. Una firma, un escudo con un lema: no. Los tamaños mayores se verán bien dibuje lo que dibuje, así que el pequeño es la restricción para la que diseñar.
Use formas fuertes y pocos colores
Dos o tres colores con claro contraste se leen mejor que un degradado de muchos. Las formas sólidas que llenan la mayor parte del cuadrado son más fáciles de reconocer que los contornos finos, ya que cada píxel lleva más de la marca.
Deje un poco de espacio para respirar
Una marca que toca el borde del cuadrado puede parecer agobiada, y algunos sistemas añaden su propio redondeo o borde. Un margen de un píxel o dos en el tamaño más pequeño mantiene intacta la forma.
Mírelo junto a otros iconos
Abra unas cuantas pestañas de sitios conocidos y compare. Verá que los iconos que mejor funcionan son muy sencillos. Tome prestada esa disciplina antes de convertir SVG a ICO, y su resultado se sostendrá entre una multitud de pestañas.
Privacidad y manejo
Por qué importa la conversión local para los dibujos
Los logotipos y las marcas pueden ser confidenciales antes de publicarse. Muchos conversores en línea suben su archivo a un servidor, lo procesan y devuelven el resultado, y durante un tiempo una copia vive en una máquina que usted no controla. Aquí su propio navegador hace el trabajo, de modo que el dibujo se queda en su dispositivo.
Qué ocurre cuando se va
Cuando cierra la página, el archivo convertido desaparece del navegador, así que descárguelo primero. No se conserva nada de su dibujo.
Si algo sale mal
El icono sale en blanco
Puede que al SVG le falte un tamaño o un viewBox. Ábralo en un editor de texto y compruebe que tiene ancho y alto o un viewBox, o corríjalo en su programa de dibujo.
El icono sale cortado
Algunos SVG tienen elementos que se extienden más allá de su área declarada. Ajuste el viewBox en el original para que todo quepa dentro.
La página se congela
Todo se ejecuta en su dispositivo. Pruebe de nuevo en un ordenador, o con un dibujo más sencillo.
Herramientas relacionadas
La misma familia de herramientas cubre los trabajos vecinos. Para imágenes con los tamaños que elija, use SVG a PNG o SVG a JPG. Para un documento que se mantenga nítido con cualquier zoom, SVG a PDF conserva el dibujo como dibujo. Para trazar imágenes de vuelta a formas, ICO a SVG, PNG a SVG y JPG a SVG hacen el trabajo.
Un ejemplo resuelto
Digamos que ha empezado un pequeño blog, y su logotipo es un SVG: una hoja verde con el nombre del blog debajo. Suelta aquí el SVG y pulsa el botón. Llega el ICO, y en la pestaña del navegador la hoja es reconocible, pero el nombre de debajo es ilegible. Abre su programa de dibujo, hace una versión solo con la hoja, convierte SVG a ICO otra vez y sube el nuevo archivo como favicon.ico. La pestaña muestra ahora una hoja verde clara, y el logotipo completo se queda en la página.
Una breve lista de comprobación
Antes de convertir
Simplifique el dibujo. Hágalo cuadrado. Convierta el texto en contornos e incruste las imágenes.
Mientras convierte
Quédese en la página hasta que el archivo esté listo.
Después de convertir
Pruebe el ICO en una pestaña del navegador y en un acceso directo, con temas claros y oscuros, y conserve el SVG.
Errores comunes
Usar el logotipo completo
La rotulación y el detalle fino desaparecen a 16 píxeles. Use una marca simplificada.
Esperar que una mejor conversión arregle un dibujo recargado
El fallo está en el tamaño, no en la herramienta. Simplifique el SVG.
Olvidar la caché
Un favicon antiguo puede quedarse en el navegador. Vacíe la caché antes de decidir que el nuevo ha fallado.
Su dibujo se queda en su dispositivo
La conversión se hace localmente. Su dibujo lo lee su propio navegador, lo pinta allí y lo devuelve como un ICO. No se sube nada, así que no queda ninguna copia en un servidor y nadie más puede verlo. Para marcas sin publicar, esa es la manera segura de convertir SVG a ICO.
Resumen
Para convertir SVG a ICO aquí, suelte el dibujo y pulse el botón. Un SVG no es una imagen sino instrucciones para dibujar una, y aquí esas instrucciones se siguen una vez para cada tamaño y los resultados se guardan como ICO. El dibujo se representa en un entorno aislado donde nada del archivo puede ejecutarse, y no se sube nada. El archivo contiene seis tamaños: 16, 32, 48, 64, 128 y 256 píxeles, cada uno vuelto a dibujar a partir del SVG en lugar de reducido a partir de los demás, y todos con transparencia. Un icono no es una imagen pequeña, es un dibujo distinto: todo lo que tenga líneas finas o texto pequeño se convierte en papilla a 16 píxeles por cuidadosamente que se represente. Si el resultado se ve borroso, la respuesta es un SVG más sencillo y no una conversión mejor. Las fuentes y las imágenes tomadas de otro lugar no se resuelven.