Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
¿qué es un convertidor de PNG a SVG?
Un convertidor de PNG a SVG rastrea una imagen rasterizada en formas vectoriales rellenas. No recupera un diseño vectorial original: las formas se reconstruyen a partir de los píxeles, por lo que los bordes son una aproximación. Logotipos, iconos, arte lineal y otras obras de arte planas con pocos colores trazan bien. Las fotos no; se convierten en SVG grandes y con manchas que pueden tener muchos megabytes, a veces decenas de megabytes, mucho más grandes que el PNG con el que empezaste.
La diferencia entre los dos formatos explica por qué vale la pena hacer esto. Un PNG almacena una cuadrícula fija de píxeles, por lo que ampliarla hace que los bordes estén en bloques. Un SVG almacena contornos descritos como rutas y llenos de color, que un navegador o aplicación de diseño vuelve a dibujar limpiamente en cualquier tamaño. Un SVG rastreado puede ir a una página web, volver a colorearse en un editor vectorial o ser leído por una máquina cortadora o grabadora láser que funcione a partir de contornos.
El rastreo se realiza en dos pasos. Primero, la imagen se reduce a una paleta pequeña, el número que eliges debajo de Colores. Luego, el trazador recorre el borde de cada área del mismo color y se ajusta en línea recta y se curva hacia ella, produciendo un camino lleno por área. Cada camino también obtiene un contorno de 1 píxel en su propio color, lo que cierra los espacios en la línea del cabello que de otro modo se mostrarían entre las formas vecinas.
Dos configuraciones dan forma al resultado. Los colores son 2, 8 (el predeterminado) o 16. El detalle es Bajo, Medio (el predeterminado) o Alto: Bajo desdibuja ligeramente la imagen primero, se ajusta a curvas más sueltas y elimina formas más pequeñas que una mota, lo que proporciona archivos más simples y más pequeños, mientras que Alto sigue los píxeles de cerca y mantiene formas pequeñas. Al cambiar cualquiera de las configuraciones, se rastrean cada archivo agregado nuevamente y cada fila muestra el nuevo tamaño SVG junto al tamaño PNG, para que pueda comparar configuraciones antes de descargarlo.
El seguimiento se ejecuta en el lado del cliente en un Web Worker en segundo plano usando imagetracerjs, que se descarga solo cuando agrega el primer archivo, por lo que la página permanece responsiva y no se carga ninguna imagen. Las imágenes de más de 1200 píxeles en cada lado se reducen antes del seguimiento, por lo que el trabajo finaliza en segundos y el SVG aún está configurado para abrirse al ancho y alto originales. Un seguimiento que tarda más de dos minutos se detiene con un mensaje que sugiere menos colores o menos detalles. Se aceptan PNG de hasta 100 megapíxeles, las áreas transparentes se convierten en formas transparentes y la herramienta es gratuita, sin registro, con un límite diario de conversiones.
Cómo convertir PNG a SVG
Agrega tus archivos PNG
Coloque imágenes PNG en el cuadro o haga clic para cargarlas. Varios archivos a la vez están bien y cada uno se rastrea tan pronto como se agrega. Los logotipos, iconos y gráficos planos dan los resultados más limpios.
Establecer colores y detalles
Elija 2 colores para ilustraciones en blanco y negro, 8 para la mayoría de los logotipos y 16 para gráficos sombreados. Comience con el detalle Medio. Cambiar cualquiera de las configuraciones rastrea cada archivo nuevamente con los nuevos valores.
Comprueba el rastro
Cada fila muestra el SVG trazado como una miniatura, su estado y una línea de tamaño con el tamaño antes y después y cuánto más pequeño o más grande es el SVG. Haga clic en la miniatura para abrir el SVG grande y cambiar entre Antes y Después. Si los bordes parecen grumosos o el archivo es demasiado grande, cambie una configuración y vuelva a mirar.
Descargue los archivos SVG
Presione el ícono de descarga en una fila para guardar ese SVG, o Descargue todo en el encabezado de la lista para guardar un lote como convert-svg.zip.
¿por qué convertir PNG a SVG?
Vale la pena rastrear cuando la imagen es simple y la necesitas para escalarla o leerla como contornos. Para cualquier cosa fotográfica, mantenga el PNG.
Un logo que sólo existe como PNG
El archivo vectorial original a menudo se pierde y todo lo que queda es un PNG extraído de un sitio web o de una firma de correo electrónico. El rastreo le brinda un SVG que escala para un banner o un trabajo de impresión sin bordes en bloques. Verifique las curvas y el texto pequeño con precisión, ya que se reconstruyen a partir de píxeles en lugar de copiarse del archivo del diseñador.
Máquinas de cortar, grabadoras y software de bordado
Los cortadores de vinilo, los grabadores láser y muchas herramientas artesanales siguen caminos, no píxeles. Un rastro de dos colores de una silueta, una plantilla o un monograma convierte cada área oscura en una forma cerrada que la máquina puede cortar.
Iconos e ilustraciones para la web
Un icono plano rastreado hasta SVG permanece nítido en pantallas de alta densidad y se puede volver a colorear con CSS. Si luego necesita una versión de píxeles en un tamaño establecido, represente el SVG nuevamente a PNG.
PNG frente a SVG rastreado: cuál utilizar
| PNG | Svg rastreado | |
|---|---|---|
| Lo que almacena | Una cuadrícula de píxeles. | Formas rellenas trazadas a partir de esos píxeles. No es el diseño vectorial original. |
| decapado | Bloqueado o borroso cuando se agranda. | Se vuelve a dibujar limpiamente en cualquier tamaño. |
| Colores | Millones, con gradientes suaves. | 2, 8 o 16 colores planos. Los degradados se convierten en bandas. |
| diapositiva | Canal alfa completo. | Áreas transparentes trazadas como formas transparentes. |
| Logotipos e iconos | Bien en el tamaño en que se salvó. | Buen ajuste: bordes limpios, fácil de recolorear. |
| fotos | Buen ajuste y normalmente la lima más pequeña. | Mal ajuste: SVG grandes y con manchas, a veces decenas de megabytes. |
| Edición | Editores de píxeles. | Editores de vectores, software de corte y grabado, código. |
Cómo los colores y los detalles cambian la traza
Cada configuración es un intercambio entre lo fiel que se ve el SVG y cuántas formas contiene. Más formas significa un archivo más grande y más limpieza en un editor vectorial.
Colores: 2, 8 o 16
La imagen se reduce a tantos colores antes de trazarla. Dos colores se adaptan a logotipos, plantillas, firmas y líneas en blanco y negro. Ocho maneja la mayoría de los logotipos planos con algunos colores de marca y algunos bordes suavizados. Dieciséis mantiene más sombreado, al precio de muchas más formas pequeñas a lo largo de cada borde suave.
Detalle: Bajo, Medio o Alto
Los detalles bajos desdibujan ligeramente la imagen, se ajustan libremente a las curvas y eliminan formas pequeñas, lo que proporciona contornos suaves y archivos pequeños. El medio se adapta a curvas dentro de aproximadamente un píxel. Lo alto sigue de cerca los píxeles y mantiene formas pequeñas, por lo que preserva trazos finos pero también capta ruido.
Por qué las fotos salen mal
Una foto tiene gradientes suaves y textura en todas partes, por lo que incluso a 16 colores se divide en miles de parches irregulares. Cada parche se convierte en un camino con sus propias coordenadas, y el SVG puede terminar muchas veces más grande que el PNG mientras parece una copia posterizada. Ese es un límite de seguimiento, no una configuración que puedas arreglar.
Privacidad y seguridad
- El PNG se decodifica y rastrea dentro de esta pestaña del navegador, en un trabajador en segundo plano. La imagen nunca se carga.
- La biblioteca imagetracerjs se carga desde este sitio solo cuando agrega el primer archivo.
- El SVG se construye únicamente a partir de rutas trazadas, sin scripts, enlaces ni copias integradas del PNG original.
- La verificación de uso diario envía el nombre de la herramienta, un identificador del dispositivo y su token de inicio de sesión si tiene uno. No se incluyen datos de imagen.
- Después de un lote, la página registra el recuento de archivos, los bytes totales y el formato de salida, nunca los nombres de archivos ni los píxeles.
Características clave
2, 8 o 16 colores
Desde obras de arte en blanco y negro hasta gráficos planos sombreados
Detalle bajo, medio y alto
Contornos suaves y compactos o trazado cercano de formas pequeñas
Formas sin espacios
Un fino contorno a juego en cada forma oculta las costuras entre colores
Vista previa SVG y tamaño de archivo
Vea el resultado rastreado y su peso antes de descargarlo, actualizado cada vez que cambie una configuración
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!