Un conversor de PNG a SVG traza los píxeles de una imagen y los reconstruye como contornos vectoriales editables, de modo que el archivo resultante se amplía a cualquier tamaño sin pixelarse. El conversor de PNG a SVG de DocPivot hace un trazado real en color, mantiene el canal alfa del PNG original y funciona entero dentro del navegador. Es la herramienta que buscas cuando un cliente te manda su logotipo en PNG y tú lo tienes que llevar a una lona, a un rótulo o a una máquina de corte de vinilo sin que se vea el escalón de los píxeles.
Qué es el conversor de PNG a SVG de DocPivot
Funcionalidad principal
El conversor toma un archivo PNG y devuelve un SVG formado por trazados vectoriales de verdad, no un mapa de bits metido dentro de una etiqueta SVG. El proceso reduce la imagen a una paleta de colores planos, localiza las fronteras entre regiones, las cierra en contornos y ajusta cada contorno con curvas de Bézier cúbicas. La salida sale agrupada por color, con un trazado por forma y un identificador en cada uno, así que se abre como capas editables en Illustrator, Inkscape y Figma. Si más adelante necesitas el camino inverso, el conversor de SVG a PNG devuelve el rasterizado a la resolución que le pidas.
Quién usa esta herramienta
La usan sobre todo diseñadores gráficos, autónomos que gestionan la marca de sus clientes y equipos de marketing que heredan logotipos antiguos sin archivo original. También la usan aficionados al corte de vinilo con Cricut o Silhouette, imprentas que reciben material de cliente en formatos que no sirven para gran formato, y desarrolladores web que quieren iconos ligeros que se vean nítidos en pantallas Retina. En todos esos casos el problema es el mismo: existe el PNG, no existe el vectorial.
El problema que resuelve
La mayoría de los conversores gratuitos de PNG a SVG no vectorizan realmente, o vectorizan mal. Unos devuelven un trazado bitonal en el que todo el logotipo acaba en negro y el color corporativo desaparece; otros generan cientos de trazados innecesarios que engordan el archivo y son imposibles de editar; y los que sí dan buena calidad suelen esconder la descarga detrás de una suscripción mensual. El trazador de DocPivot busca el punto intermedio: color completo, transparencia intacta, pocos trazados y descarga libre.
Principales ventajas del trazado en color
- Color corporativo intacto. El trazado trabaja con una paleta de hasta 32 colores, así que el azul de tu marca sigue siendo ese azul en el SVG y no un relleno negro plano.
- Transparencia respetada. Los píxeles transparentes quedan fuera del cálculo de la paleta, de modo que el fondo del PNG no se rellena ni se convierte en una capa blanca fantasma.
- Archivos pequeños. Menos trazados significa menos peso, menos tiempo de carga en web y menos nodos que limpiar a mano después.
- Capas ordenadas. Un grupo por color y un identificador por forma: al abrir el archivo ya sabes qué estás tocando.
- Sin subida de archivos. El trazado corre en tu propio navegador, así que un rediseño todavía confidencial no sale de tu ordenador.
- Vista previa inmediata. Los ajustes se recalculan sobre la marcha y el resultado es siempre el mismo con la misma imagen, sin parpadeos ni sorpresas entre pasadas.
- Límites declarados de antemano. La interfaz avisa de que las fotografías no se trazan bien, en lugar de dejarte descubrirlo después de descargar.
Funciones clave de la herramienta
- Cuatro perfiles listos. Logotipo, clipart, foto y plantilla (stencil) cubren la mayoría de los encargos sin tocar ningún control.
- Control de colores. De 2 a 32 colores. Dos para una plantilla de corte, ocho para un logotipo plano, dieciséis para una ilustración con matices.
- Control de detalle. Una escala de 0 a 10 que decide cuánto se simplifican los contornos antes de ajustar las curvas.
- Eliminación de motas. Descarta por área las regiones diminutas que aparecen en los bordes con antialias, que son las que suelen ensuciar un trazado.
- Fondo a tu elección. Puedes conservar el fondo del PNG o eliminarlo para quedarte solo con la figura.
- Resolución de trabajo variable. Cada perfil traza a una resolución interna de entre 200 y 4.000 píxeles y luego escala los vectores, que es una operación gratuita y sin pérdida.
- Detección de esquinas. Los cambios de dirección de 45 grados se marcan como esquina, así que una punta afilada no se redondea sola.
- Panel avanzado plegado. Los controles finos están recogidos: la vista por defecto es un perfil y un botón.
- Salida SVG estándar. Nada de extensiones raras ni de etiquetas propietarias, solo SVG plano que entiende cualquier editor y cualquier navegador.
- Sin registro ni clave de API. No hay cuenta que crear, ni límite diario, ni marca de agua en la descarga.
Cómo funciona el conversor de DocPivot paso a paso
- Carga el PNG. Arrastra el archivo a la zona de subida o selecciónalo desde el disco. Si tu original está en otro formato, el conversor de imágenes lo pasa antes a PNG.
- Elige un perfil. Logotipo para marcas planas, clipart para ilustración, plantilla para siluetas de una sola tinta.
- Ajusta si hace falta. Abre el panel avanzado y mueve colores, detalle o eliminación de motas mirando la vista previa.
- Revisa al 400 %. Amplía la previsualización y comprueba las curvas, las esquinas y el borde de la transparencia antes de dar por bueno el resultado.
- Descarga el SVG. El archivo se genera en el navegador y baja directamente a tu carpeta de descargas.
Cuándo conviene usar un trazador de PNG a SVG
Vectoriza un PNG cuando necesites el mismo dibujo a tamaños muy distintos o cuando una máquina tenga que seguir su contorno. Un logotipo que va a una tarjeta de visita y a una valla publicitaria no puede ser el mismo mapa de bits, y una cortadora de vinilo no puede cortar píxeles, solo trazados.
- Logotipo heredado sin original. El cliente cambió de agencia y solo conserva el PNG que usaba en la web.
- Rotulación y gran formato. Lonas, escaparates y vallas exigen vectorial porque el archivo se amplía muchas veces.
- Corte de vinilo y Cricut. Design Space necesita trazados para saber por dónde pasa la cuchilla.
- Iconos para web. Un SVG de pocos kilobytes se ve nítido en cualquier densidad de pantalla y se colorea por CSS.
- Bordado y grabado láser. Los programas de máquina importan contornos cerrados, no imágenes.
- Serigrafía por tintas planas. Reducir a dos o tres colores separa las pantallas de impresión de forma limpia.
Hay un caso en el que no conviene: las fotografías. Una imagen con millones de degradados no se reconstruye con curvas sin generar un archivo enorme y un resultado tipo cartel. Si lo que quieres es que la foto pese menos manteniendo su aspecto, el compresor de imágenes hace ese trabajo mucho mejor que un trazador.
Casos de uso reales
Estudio de diseño con un cliente antiguo
Contexto: una pyme de Valencia pide renovar su papelería y solo aporta un PNG de 600 píxeles sacado de su web.
- Se carga el PNG con el perfil de logotipo y ocho colores.
- Se sube la eliminación de motas para limpiar el borde con antialias.
- Se abre el SVG en Illustrator y se corrigen dos nodos a mano.
Resultado: el estudio entrega un vectorial válido para imprenta el mismo día, sin redibujar el logotipo desde cero.
Vendedor autónomo con cortadora de vinilo
Contexto: un artesano que vende en Wallapop y Etsy quiere cortar pegatinas a partir de un diseño propio guardado en PNG.
- Se elige el perfil de plantilla, que reduce el dibujo a dos tintas.
- Se sube el detalle para que las letras finas no se cierren.
- Se importa el SVG en Cricut Design Space como archivo de corte.
Resultado: la cuchilla sigue el contorno real de la figura en lugar de recortar un rectángulo alrededor.
Imprenta que recibe material de cliente
Contexto: una imprenta de Sevilla recibe por correo un PNG a 72 ppp para imprimir una lona de tres metros.
- Se traza el PNG con resolución de trabajo alta y dieciséis colores.
- Se comprueba al 400 % que los contornos no tienen escalones.
- Se combina con la fuente corporativa ya vectorizada en el montaje final.
Resultado: la lona sale nítida sin pedir al cliente un original que probablemente ya no existe.
Equipo web que rehace su set de iconos
Contexto: un equipo de producto tiene treinta iconos en PNG a tres densidades y quiere un único archivo por icono.
- Se trazan los PNG de mayor densidad con pocos colores y detalle medio.
- Se usan los identificadores de cada trazado para colorear desde CSS.
- Se retiran las variantes @2x y @3x del repositorio.
Resultado: el peso total del set baja y desaparece el mantenimiento de tres versiones por icono. Para el favicon del sitio, el generador de favicons produce después los tamaños que piden los navegadores.
Cómo saber si tu SVG es vectorial de verdad
Abre el archivo con un editor de texto y busca la etiqueta data:image/png;base64, lo que tienes es el PNG original incrustado dentro de un envoltorio SVG: pesa igual, se pixela igual y no se puede editar por nodos. Un SVG trazado de verdad contiene etiquetas
Hay dos comprobaciones rápidas más. La primera: amplía mucho el archivo en el navegador; si se ven píxeles, no es vectorial. La segunda: ábrelo en Inkscape y pulsa sobre el dibujo; si se selecciona un solo objeto rectangular en lugar de formas independientes, tampoco lo es. Esta diferencia es la que separa un archivo que sirve para imprenta de uno que solo sirve para pantalla, y explica por qué muchas conversiones aparentemente correctas fallan al llegar al taller. Si al final descubres que necesitabas un mapa de bits, pasar de WebP a PNG o de JPG a PNG te deja el original en un formato sin pérdida.
Qué hace cada ajuste del panel avanzado
Los tres controles del panel avanzado actúan sobre etapas distintas del trazado, y entenderlos ahorra muchas pasadas de prueba y error. El número de colores decide cuántas regiones planas se generan; el detalle decide cuánto se simplifican los contornos de esas regiones; y la eliminación de motas descarta las regiones por debajo de un área mínima.
- Pocos colores, mucho detalle: ideal para logotipos y siluetas de corte, donde manda la forma.
- Muchos colores, poco detalle: el ajuste que se acerca más a una ilustración con matices sin disparar el número de trazados.
- Eliminación de motas alta: úsala cuando el PNG viene de una captura de pantalla o de una imagen ya comprimida con pérdida.
Un consejo práctico: si el resultado sale con manchas de color sueltas por el borde, casi siempre el problema es el antialias del PNG y no el trazador. Sube la eliminación de motas antes de tocar cualquier otra cosa. Y si el archivo de partida tiene margen sobrante, recortar la imagen antes de trazar reduce el trabajo y mejora el encuadre del SVG final.
Privacidad, RGPD y material confidencial
Todo el trazado ocurre dentro de tu navegador, así que el PNG no se envía a ningún servidor. Esto tiene consecuencias legales concretas en España: si no hay transferencia del archivo, no hay tratamiento de datos por parte de un tercero en el sentido del RGPD ni de la LOPDGDD, y no aparece un encargado del tratamiento al que haya que exigir un contrato. Para una agencia que trabaja con identidades corporativas todavía bajo acuerdo de confidencialidad, esa diferencia importa más que la velocidad de conversión.
Ten en cuenta, además, que un PNG puede arrastrar metadatos del programa que lo generó. Si vas a compartir el archivo de partida con terceros, conviene eliminar los metadatos de la foto antes de enviarlo. El SVG resultante, en cambio, solo contiene geometría, colores e identificadores de forma.
Preguntas frecuentes
Sí, la conversión y la descarga son gratuitas y no hay suscripción. No se pide registro, no hay marca de agua y no existe un límite diario de archivos.
Sí, la transparencia se conserva tal cual. Los píxeles transparentes se excluyen del cálculo de la paleta de colores, de forma que el trazador nunca los rellena ni los convierte en una capa de fondo.
Técnicamente sí, pero el resultado no será fiel. Una fotografía tiene millones de transiciones de color que el trazado reduce a unas pocas regiones planas, con un aspecto de cartel o serigrafía. Funciona para efectos gráficos, no para reproducir la foto.
Un SVG trazado contiene trazados matemáticos editables; un PNG incrustado sigue siendo un mapa de bits con otra extensión. El segundo se pixela al ampliarlo y no se puede modificar por nodos, aunque el archivo termine en .svg.
Sí, el archivo es SVG estándar y se importa como archivo de corte. Para máquinas de corte conviene usar el perfil de plantilla o bajar mucho el número de colores, porque cada color se convierte en una capa distinta.
Entre 4 y 8 colores funciona para la mayoría de logotipos planos. Si el logotipo tiene degradados o sombras, sube a 12 o 16 y comprueba el resultado ampliado antes de descargar.
Casi siempre es el antialias del PNG original. Los bordes suavizados generan píxeles de color intermedio que el trazador interpreta como regiones diminutas: sube la eliminación de motas y desaparecen.
Sí, la salida se abre como capas editables. Cada color forma un grupo y cada forma es un trazado con su propio identificador, así que se pueden seleccionar, recolorear y mover de forma independiente.
No, el trazado se ejecuta por completo en tu navegador. El PNG no sale de tu ordenador en ningún momento del proceso, lo que resulta útil cuando trabajas con material de marca todavía sin publicar.
El límite práctico lo pone la memoria de tu propio navegador, no un tope del servidor. Con imágenes muy grandes conviene redimensionar la imagen antes de trazar, porque el trazado se hace igualmente a una resolución de trabajo interna.
Sí, funciona en navegadores móviles modernos. Con imágenes grandes el proceso tarda más que en un ordenador, ya que el cálculo depende de la potencia del dispositivo.
Suele ocurrir cuando se piden demasiados colores o demasiado detalle para una imagen compleja. Baja el número de colores, sube la eliminación de motas y el peso cae; si aun así no baja, esa imagen probablemente no es buena candidata a vectorizar.
Sí, el SVG se puede insertar directamente en el HTML o enlazar como imagen. Si prefieres un formato de mapa de bits ligero para fotografías del mismo proyecto, convertir de PNG a WebP da archivos más pequeños que el PNG.
Desde el SVG trazado puedes sacar cualquier formato que necesites después. Para presentaciones o documentos, pasar de SVG a PDF mantiene el vectorial, mientras que SVG a JPG o PNG a JPG sirven cuando el destino solo acepta mapa de bits. Si tus originales vienen de un iPhone, el paso previo de HEIC a PNG deja la imagen lista para trazar.
