Cómo convertir una imagen
a SVG.
Convertir a vector no aligera el archivo: lo hace más pesado. Lo que gana es nitidez a cualquier tamaño y la posibilidad de editarlo. Aquí está la medición real de cada ajuste, con los números a la vista.
Respuesta corta: no, el SVG no pesa menos. Nuestra foto de 900×600 (PNG de **98.186 bytes**) salió entre **171.863 y 2.707.193 bytes** según el nivel de detalle, o sea entre **1,8× y 27,6× más**. Lo que sí mejora es la nitidez al ampliar y que el resultado se puede editar en Illustrator, Inkscape o Figma. Para una foto, casi siempre compensa más comprimir el PNG; para un logo o un dibujo, el SVG es la opción correcta.
Escrito por el equipo de Tool Pantry el 22 de octubre de 2026. Todas las cifras salen de vectorizar con el mismo motor que usa la herramienta (el trazador de curvas que tenemos en el sitio) y de medir el resultado: bytes del SVG, número de formas, número de colores y tiempo de conversión. Las fotos de prueba y los resultados están guardados en nuestro repositorio de mediciones.
Qué hace la conversión y por qué no es magia
El motor de la herramienta es un rasterizador de curvas: recorre la imagen, agrupa píxeles parecidos y los convierte en formas vectoriales. Cada ángulo recto se dibuja con líneas rectas y cada degradado se convierte en un parche plano de color.
El resultado es un archivo SVG de verdad: escalable sin perder nitidez y que se puede abrir y editar en Illustrator, Inkscape o Figma. Lo que no hace es reconstruir la foto: la foto era una malla de píxeles y el SVG es una lista de zonas planas.
Lo primero que sorprende: el SVG pesa más que el PNG
Un SVG no es un formato comprimido, es un archivo de texto con miles de coordenadas. Vectorizar una imagen y esperar que el resultado sea más ligero es el error más común. Lo medimos con el mismo motor que usa la herramienta:
| Ajuste | Tamaño del SVG | Frente al PNG | Formas | Tiempo |
|---|---|---|---|---|
| Baja · 16 colores | 455.801 bytes | 4,6× | 1.673 | 232 ms |
| Baja · 4 colores | 171.863 bytes | 1,8× | 317 | 81 ms |
| Media · 16 colores | 982.262 bytes | 10,0× | 3.709 | 225 ms |
| Media · 4 colores | 376.861 bytes | 3,8× | 639 | 134 ms |
| Alta · 16 colores | 2.707.193 bytes | 27,6× | 8.251 | 634 ms |
| Alta · 4 colores | 1.049.376 bytes | 10,7× | 1.408 | 461 ms |
Ningún ajuste sale por debajo del PNG. Más detalle = archivo más grande: el ajuste de alta calidad con 16 colores multiplica el peso por 27 y genera 8.251 formas distintas.
Con un dibujo de líneas la proporción mejora poco, pero cambia el motivo: 900×600 en PNG pesan 6.031 bytes y en SVG 21.909 (3,6×), con solo 140 formas. El SVG ya no es una foto con manchas, es una lista corta de contornos.
El botón que de verdad manda: los colores
Reducir la paleta de 16 a 4 colores es el cambio que más peso quita: en la foto, el ajuste de calidad media pasó de 982.262 a 376.861 bytes y de 3.709 a 639 formas. Es la misma foto con menos matizes, así que más se parece a una serigrafía que a una fotografía.
Y si la imagen ya tiene pocos colores, el número no hace nada: nuestro dibujo de líneas pasó de 3 a 4 colores con exactamente las mismas 140 formas.
El texto de la imagen deja de ser texto
En nuestras mediciones, el SVG generado no contenía ni un solo elemento de texto: ni el número de selector ni una palabra buscable. Todo queda convertido en curvas.
Esto tiene dos consecuencias prácticas:
- Un logotipo con letras(HO TOY en un cartel, el nombre de una marca) se vuelve una silueta. Se ve igual, pero ya no se puede buscar, ni traducir, ni corregir una errata.
- El archivo SVG es mucho más grande por un motivo concreto: cada letra está dibujada como contorno, con decenas de puntos.
Cuándo conviene convertir
| Si quieres… | Herramienta |
|---|---|
| Un logo o una ilustración para imprimir grande | Convertir a SVG — se escala sin perder nitidez |
| Un icono para una web, que tiene que verse bien en cualquier tamaño | SVG — y si lo que quieres es un PNG más ligero, escalar la imagen |
| Una foto para una web | Comprimir la imagen — un SVG de una foto pesa 10 veces más |
| Una foto con texto que hay que poder buscar | Ni PNG ni SVG: el texto tiene que seguir siendo texto |
Los límites, dichos claro
- No hay imágenes dentro del SVG. Es trazado puro: no lleva la foto incrustada.
- Una foto no se convierte en dibujo. Sale como un mosaico de zonas planas, que es justo lo contrario de lo que la gente espera al oír «convertir a vector».
- El archivo crece. De 1,8× a 27,6× el peso del PNG según el ajuste.
- El texto deja de ser texto y las letras deja de poder editarse.
- El resultado depende de la imagen. Con líneas y formas planas funciona de maravilla; con degradados suaves, se ven los escalones.
¿Cómo convierto una imagen a SVG?
Sube el JPG o PNG a la herramienta de imagen a SVG, elige el nivel de detalle y el número de colores, y descarga. El motor corre en tu navegador: la imagen no se sube a ningún servidor.
¿El SVG pesa menos que el PNG?
En nuestras mediciones, nunca. Una foto de 900×600 (PNG de 98.186 bytes) salió entre 171.863 y 2.707.193 bytes según el ajuste, es decir entre 1,8 y 27,6 veces más. El SVG no es un formato comprimido.
¿Por qué una foto vectorizada se ve con manchas?
Porque el trazador agrupa píxeles parecidos en manchas de color plano. Una foto tiene miles de tonos distintos en cada zona; al vectorizar, cada zona se convierte en un color. Con 4 colores el efecto es de serigrafía; con 16 se acerca más al original, pero el archivo se dispara.
¿Puedo editar el texto que saló en el SVG?
No: el texto de la imagen se convierte en curvas y deja de ser texto (en nuestras pruebas el SVG generado no tenía ni un elemento de texto). Se ve igual, pero no se puede buscar ni cambiar una letra.
¿Qué nivel de detalle elijo?
El de más calidad para un logo o un dibujo, con 4 colores si quieres un archivo ligero. Para una foto, no merece la pena: el peso se multiplica y el resultado sigue pareciendo una foto.
¿Se sube mi imagen a algún servidor?
No. El trazador se ejecuta dentro de tu navegador y el SVG se descarga desde la misma pestána.