PNG a SVG - cuando vectorizar una imagen raster

Ultima revision 2026-05-04. "Vectorizar" una imagen raster (PNG, JPG, captura de pantalla) significa redibujar sus formas visibles como rutas vectoriales independientes de la resolucion en lugar de una cuadricula fija de pixeles. La herramienta gratuita PNG to SVG ejecuta esta conversion en el servidor y devuelve el archivo SVG. La trampa: PNG y JPG no llevan informacion de ruta por definicion - son cuadriculas de pixeles coloreados - asi que cualquier herramienta solo puede aproximar una lectura vectorial trazando bordes entre regiones de color similares. Si la aproximacion es util depende enteramente de lo que haya en la entrada. Logos, iconos, line art, siluetas de alto contraste y capturas de UI se convierten muy bien. Fotografias, gradientes suaves, texturas finas y cualquier cosa con transiciones de color suaves normalmente no.

Que significa raster vs vector (y por que esta conversion es aproximada)

Una imagen raster (PNG, JPG, BMP, captura de pantalla, fotografia) es una cuadricula fija de pixeles coloreados - el archivo conoce el color del pixel (0,0), (0,1), y asi sucesivamente, y nada mas. Una imagen vectorial (SVG) es una lista de instrucciones geometricas - "dibuja un circulo de radio 12 en (50,50) relleno de rojo", "dibuja una ruta a lo largo de estos 14 puntos con trazo negro" - que un renderizador convierte en pixeles en el tamano que la pagina pida. Como el raster no lleva datos de forma, ninguna herramienta puede recuperar las instrucciones geometricas originales a partir de un PNG; los pixeles no recuerdan cuales pertenecian a "la letra A" o "la curva del logo". Por eso los vectorizadores leen la cuadricula de pixeles, encuentran rachas de color similares, siguen los limites entre ellas, y emiten un <path> SVG por region. El SVG de salida se parece a la entrada solo cuando esos limites de color coinciden con las formas reales que el ojo humano lee; cuando no coinciden, la salida es un mosaico ruidoso de poligonos que escala infinitamente pero no se parece a la fotografia.

Cuando PNG-a-SVG realmente funciona

La vectorizacion produce un SVG util cuando la entrada tiene un numero pequeno de regiones de color solido con limites nitidos entre ellas. Los cuatro casos comunes:

• Logos y marcas. Un logo suele ser 1-4 colores solidos con bordes nitidos - exactamente lo que el autotrazado necesita. El SVG de salida escala hasta tamano valla sin perder nitidez de borde, se puede recolorear editando el atributo fill, y se envia en unos pocos kilobytes. Este es el caso de uso canonico.
• Iconos y pictogramas. Las siluetas de un solo color (iconos de carpeta, menus hamburguesa, chevrones, glifos de redes sociales) se trazan limpiamente porque hay exactamente un limite primer plano / fondo. El resultado es editable como rutas y recoloreable con una regla CSS.
• Line art y dibujos a tinta. Dibujos blanco-sobre-negro, line art de comic, bocetos a mano escaneados con alto contraste: cada trazo se convierte en una ruta cerrada, y el SVG puede redibujarse en cualquier color o grosor despues.
• Capturas de pantalla de UI con formas nitidas. Capturas de botones, cuadros de dialogo, graficos simples o texto sobre un fondo plano tienen bordes de pixeles anti-aliasing que se vectorizan en aproximaciones muy cercanas a la geometria original. El resultado es perfecto para incrustar en documentacion responsiva.

Cuando PNG-a-SVG NO funciona

El mismo algoritmo que funciona tan bien en logos produce mosaicos inutilizables en fotografias. Los tres contra-casos:

• Fotografias. Una foto de una cara, un paisaje o un producto tiene miles de colores sutilmente diferentes mezclados entre si. El vectorizador o trata cada pixel como su propio poligono (el archivo de salida se hincha hasta decenas de megabytes y se desplaza lento en el navegador) o cuantiza los colores en unas pocas docenas de regiones (la salida parece una version posterizada de la foto, no la original). Para fotos, manten el raster y optimizalo como JPG o WebP.
• Gradientes suaves y textura fina. Un boton con un gradiente suave de arriba a abajo, una acuarela con bordes que sangran, o cualquier imagen con grano de pelicula no tiene limites de color nitidos para trazar. El vectorizador inventa limites arbitrarios en umbrales de cuantizacion, y el SVG queda "a rayas" o "a bloques" donde el original era suave.
• Texto con anti-aliasing renderizado como pixeles (bajo contraste / pequeno). El texto renderizado en tamanos pequenos o con fuerte anti-aliasing se convierte en una sopa de pixeles grises alrededor de cada glifo. El autotrazado produce letras ilegibles. Si necesitas el texto como rutas, configura el documento con la fuente real en una herramienta vectorial en lugar de vectorizar una captura renderizada.

Vectorizar en freetoolonline

Abre PNG to SVG, sube el PNG o JPG, y descarga el resultado SVG. El archivo se procesa en el servicio AWS de freetoolonline: se sube por el pipeline de subida estandar, la conversion corre en el servidor, y el archivo de salida sale del almacenamiento del servicio tras la ventana de retencion, asi que debes descargar y guardar localmente si necesitas conservarlo. El SVG de salida abre en cualquier navegador moderno (el elemento SVG es ciudadano de primera del HTML desde principios de los 2010), y se puede importar en Inkscape, Adobe Illustrator, Figma, Affinity Designer o cualquier otro editor vectorial para refinamiento posterior. Si el resultado parece a bloques o ruidoso, esa es una senal de que la entrada no era un buen candidato a vectorizacion (ver la seccion anterior) - manten el raster original y optimizalo como PNG / WebP, o si el activo es un logo / icono / ilustracion, pide a un disenador la fuente vectorial original.

El https://freetoolonline.com/image-converter-tools/png-to-svg.html sube el archivo o se ejecuta localmente en tu navegador?

El puente https://freetoolonline.com/image-converter-tools/png-to-svg.html sube el PNG al servidor freetoolonline. La pagina no es una herramienta totalmente offline, solo-cliente o solo-navegador, y no corre localmente. Esta afirmacion de subida es directa: el servidor freetoolonline maneja el autotrazado, y el resultado SVG sale del almacenamiento tras la ventana de retencion estandar.

Lo que PNG-a-SVG NO es

Tres operaciones se confunden a menudo con la vectorizacion; cada una es una accion diferente con un resultado diferente.

• "Guardar como SVG" de un PNG dentro de un editor. La mayoria de los editores guardan alegremente un PNG como archivo SVG - pero lo que realmente hacen es envolver los bytes PNG dentro de un elemento <image> SVG. El resultado tiene extension .svg y los mismos pixeles que la entrada; NO escala mejor y NO es editable como rutas. La vectorizacion (lo que hace https://freetoolonline.com/image-converter-tools/png-to-svg.html) redibuja el contenido como elementos <path> reales, que es una operacion diferente.
• SVG a PNG (rasterizar). La direccion inversa - tomar un vector y renderizarlo en un raster de tamano fijo - es una tarea separada con compensaciones distintas (eleccion de resolucion, anti-aliasing, fuentes incrustadas). Ver SVG a PNG - cuando rasterizar un SVG para el lado de la rasterizacion, y la herramienta SVG to PNG para la operacion.
• Comprimir un PNG a un PNG mas pequeno. Si el objetivo es "el archivo es demasiado grande" y el contenido es fotografico o rico en textura, el movimiento correcto es compresion raster, no vectorizacion. Ver Comprimir JPEG sin perder calidad - calidad vs tamano para el compromiso de compresion de fotos, JPG vs PNG para web para eleccion de formato raster, y la herramienta Compress Image para la operacion.

Guias relacionadas de conversion de imagen: SVG a PNG - cuando rasterizar un SVG (la direccion inversa), PNG vs SVG - cuando usar cada uno (la decision de eleccion de formato antes de convertir), y JPG vs PNG para web (eleccion de formato raster cuando la vectorizacion no es la respuesta).