PNG a SVG - cuando vectorizar una imagen raster
Use PNG to SVG para convertir logos, iconos y line art en archivos vectoriales escalables. La herramienta rastrea bordes de region de color en el servidor. Vectoriza cuando la imagen necesite escalar sin pixelarse o editarse en Illustrator/Inkscape. Evita fotos - la tabla abajo muestra que tipos de fuente convierten bien.
FreetoolOnline editorial team| Tipo de fuente | Calidad del resultado SVG | Caso de uso | Alternativa |
|---|---|---|---|
| Logo / icono (colores planos) | Excelente - trazados limpios | Web, impresion en cualquier tamano | PNG to SVG |
| Line art / silueta | Bueno - bordes trazables | Ilustracion, clip art | PNG to SVG |
| Fotografia | Malo - cientos de trazados ruidosos | Solo tamano de archivo | PNG o WebP optimizado |
| Gradiente / textura | Malo - artefactos de banding | Escala sin perdida de pixeles | PNG de alta resolucion al tamano objetivo |
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
Para fotos, degradados suaves y escaneos ruidosos, el motor de trazado produce trazados vectoriales falsos que escalan pero no se parecen nada al original - esos tipos de fuente siguen mejor como PNG o WebP.
- Fotografias. Una foto de una cara, un paisaje o un producto tiene miles de colores sutilmente diferentes mezclados entre si. Cada region de color diferente se convierte en un segmento SVG independiente - una foto pequena (800 x 600 pixeles) puede producir decenas de miles de segmentos, lo que hace que el archivo de salida se infle hasta decenas de megabytes y se desplace lentamente en el navegador. Alternativamente, el vectorizador cuantiza los colores en unas pocas docenas de regiones y el resultado parece una version posterizada de la foto. 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
Vectorizar en freetoolonline para PNG a SVG cuando vectorizar una imagen raster significa abrir PNG to SVG, soltar un logo o icono limpio, y descargar el SVG solo cuando los bordes se vean nitidos al hacer zoom.
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
Lo que PNG-a-SVG NO es en esta guia es un cambio de formato de foto sin perdida - vectorizar es para arte de bordes duros, no para publicar JPEGs de camara como SVG.
- "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.svgy 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).