Command Palette

Search for a command to run...

CO

Convertidor de PNG a SVG

Traza un logotipo o ícono PNG en un SVG de formas rellenas con 2, 8 o 16 colores. No recupera el diseño vectorial original y las fotos dan SVG grandes y con manchas

PNGtoSVGConverts as soon as you add files
Colors
Detail

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

  1. 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.

  2. 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.

  3. 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.

  4. 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

Una imagen PNG comparada con un SVG trazado a partir de ella
PNGSvg rastreado
Lo que almacenaUna cuadrícula de píxeles.Formas rellenas trazadas a partir de esos píxeles. No es el diseño vectorial original.
decapadoBloqueado o borroso cuando se agranda.Se vuelve a dibujar limpiamente en cualquier tamaño.
ColoresMillones, con gradientes suaves.2, 8 o 16 colores planos. Los degradados se convierten en bandas.
diapositivaCanal alfa completo.Áreas transparentes trazadas como formas transparentes.
Logotipos e iconosBien en el tamaño en que se salvó.Buen ajuste: bordes limpios, fácil de recolorear.
fotosBuen ajuste y normalmente la lima más pequeña.Mal ajuste: SVG grandes y con manchas, a veces decenas de megabytes.
EdiciónEditores 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

Coloque el PNG en esta página y se rastreará en formas completas que puede descargar como un archivo SVG. El seguimiento comienza tan pronto como se agrega el archivo y el cambio de colores o detalles lo rastrea nuevamente.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to svgconvert png to svgpng to svg converterfree png to svgpng to vectorvectorize pngpng logo to svgtrace png to svgconvert png to vector