Convertidor Gratuito
Convertidor PNG a Vector SVG
Convierte imágenes rasterizadas PNG o JPG en gráficos vectoriales SVG escalables. Procesado de forma segura y rápida en tu navegador.
Arrastra y suelta el PNG/JPG aquí
Soporta hasta 50MB
O
Convierte imágenes rasterizadas PNG o JPG en gráficos vectoriales SVG escalables. Procesado de forma segura y rápida en tu navegador.
Soporta hasta 50MB
Convertir PNG a SVG es fundamentalmente una operación de calco, no un cambio de formato. PNG almacena píxeles; SVG almacena primitivas geométricas. Pasar de una cuadrícula de píxeles a rutas vectoriales escalables requiere interpretar el mapa de bits y dibujar formas aproximadas alrededor de regiones de color similar. El resultado es genuinamente escalable (puede cambiar el tamaño libremente sin pixelación), pero no es una reproducción perfecta de la fuente. El contenido fotográfico se rastrea mal porque cada variación de color a nivel de píxel se convierte en una forma, lo que produce enormes SVG que frustran el propósito. Los logotipos, íconos, líneas artísticas y gráficos de alto contraste se trazan limpiamente porque tienen una pequeña cantidad de regiones de color con límites bien definidos.
Este convertidor utiliza la biblioteca imagetracerjs, un puerto JavaScript de algoritmos de seguimiento de vectores similar a potrace. El PNG se decodifica en un mapa de bits RGBA, el mapa de bits se segmenta en regiones de color usando una paleta configurable, el límite de cada región se traza en una ruta, las rutas se simplifican usando la aproximación de Bézier y las rutas resultantes se emiten como elementos de ruta SVG. Todo el proceso se ejecuta en su navegador sin necesidad de cargarlo en el servidor.
Los parámetros de seguimiento controlan el equilibrio entre fidelidad y tamaño de archivo. Más colores y detalles más finos producen un SVG más grande que se asemeja más a la fuente; menos colores y un calco más tosco producen un SVG más pequeño con una sensación más estilizada. Los valores predeterminados están ajustados para logotipos e íconos; las imágenes complejas pueden beneficiarse de un pase de rastreo con configuraciones ajustadas o simplemente pueden no ser buenos candidatos para la vectorización.
Vectorizar un PNG es más útil cuando necesitas escalar la imagen más allá de su resolución original. Los logotipos, en particular, suelen llegar en formato PNG con un tamaño modesto y deben aparecer nítidos en vallas publicitarias, pantallas retina e impresiones de gran formato. Un trazo vectorial produce un SVG que escala sin pérdida de calidad; la compensación es la fidelidad a los píxeles originales.
SVG también es significativamente más compacto que PNG para gráficos con pocos colores y grandes regiones planas. Un icono PNG de 256×256 podría tener 8 KB; el SVG equivalente con dos o tres colores suele tener menos de 1 KB. Para las bibliotecas de íconos de UI entregadas a una interfaz web, las versiones vectoriales reducen el tamaño del paquete y mejoran la nitidez en todas las densidades de visualización.
Suelte un PNG, elija la configuración de seguimiento, genere un SVG.
imagetracerjs implementa una canalización de varias etapas: la cuantificación del color reduce el mapa de bits a un número fijo de colores mediante agrupación de k-medias o corte medio; la detección de bordes identifica los límites de píxeles entre regiones; el trazado de contornos sigue límites para producir polígonos cerrados; El ajuste de líneas y curvas aproxima polígonos con curvas de Bézier para reducir los datos de ruta.
Los parámetros del algoritmo que más importan son el número de colores (típico: 4 a 32), patomit (las rutas más cortas que esta cantidad de píxeles se descartan como ruido), ltres (tolerancia de línea: cuánto puede desviarse un borde antes de dividirse en un nuevo segmento) y qtres (tolerancia de curva cuadrática: qué tan agresivamente se suavizan las curvas). Los valores predeterminados funcionan bien para los logotipos; las imágenes complejas se benefician del ajuste por imagen.
La salida es SVG 1.1 estándar con elementos de ruta. Cada región de color se convierte en un camino con un atributo de relleno. El archivo resultante se abre en cualquier navegador, editor de vectores o herramienta de diseño compatible con SVG. El tamaño del archivo depende principalmente del número de rutas y de la densidad de nodos; un logotipo calcado típico pesa entre 1 y 10 KB.