Cómo convertir PNG a SVG

La forma más fácil de convertir un PNG a SVG es utilizar un convertidor de PNG a SVG que vectorice la imagen, convirtiendo sus píxeles en trazados y formas escalables.

Pero hay una distinción importante.

PNG y SVG son formatos de imagen fundamentalmente diferentes. Un PNG almacena una imagen como píxeles, mientras que un SVG puede describir gráficos utilizando trazados, curvas y formas. Por esto, convertir un PNG en un SVG útil generalmente implica vectorización, no simplemente cambiar la extensión del archivo.

Para una conversión rápida:

1. Sube tu PNG a un convertidor de PNG a SVG.
2. Deja que el convertidor trace las formas, colores y bordes.
3. Previsualiza el resultado vectorial.
4. Descarga el SVG.
5. Revisa el SVG a un tamaño mayor y edita los trazados si es necesario.

Para logotipos, íconos, ilustraciones, imágenes prediseñadas y otros gráficos con bordes claros, este proceso puede producir excelentes resultados. Las fotografías complejas generalmente requieren una mayor simplificación.

¿Qué sucede cuando conviertes PNG a SVG?

Un PNG es una imagen rasterizada.

Eso significa que la imagen está hecha de una cuadrícula fija de píxeles individuales. Ampliarla mucho más allá de sus dimensiones originales puede hacer visibles esos píxeles.

Un SVG está diseñado de manera diferente. Los trazados SVG pueden contener comandos para líneas, curvas, arcos y otras geometrías en lugar de depender de una cuadrícula de píxeles fija.

Durante la vectorización, el software analiza áreas como:

• Bordes
• Formas
• Colores
• Contraste
• Curvas
• Regiones transparentes

Luego intenta recrear esas áreas utilizando objetos y trazados vectoriales.

El resultado no es simplemente el mismo PNG con una extensión diferente. Es una nueva representación gráfica de la imagen original.

Método 1: Convertir PNG a SVG en línea

Para la mayoría de los usuarios, un convertidor de PNG a SVG en línea es la opción más rápida.

Paso 1: Elige tu PNG

Comienza con la versión de mayor calidad de la imagen que tengas. Imágenes claras con bordes distintivos normalmente le dan a un vectorizador información más útil para trabajar que imágenes diminutas, borrosas o muy comprimidas.

Paso 2: Sube el PNG

Sube o arrastra tu imagen al convertidor de PNG a SVG.

Paso 3: Vectoriza la imagen

Inicia la conversión.

El vectorizador analiza la imagen rasterizada y reconstruye sus formas visibles como trazados vectoriales. Algunos sistemas de vectorización también pueden analizar colores o regiones separadas y recrearlos como formas vectoriales individuales. Las herramientas de vectorización de imágenes comúnmente funcionan reconociendo límites, colores y bordes, y traduciéndolos a trazados y curvas.

Paso 4: Previsualiza el SVG

No descargues el resultado sin revisarlo.

Mira de cerca:

• Bordes curvos
• Esquinas afiladas
• Texto pequeño
• Líneas finas
• Áreas transparentes
• Formas aisladas pequeñas
• Precisión del color

El objetivo no es meramente crear un archivo .svg. El objetivo es crear un vector limpio y utilizable.

Paso 5: Descarga el SVG

Una vez que el resultado se vea correcto, descarga el SVG.

Intenta hacer un zoom significativo. Los trazados vectoriales deberían permanecer nítidos porque su geometría se puede renderizar en diferentes tamaños.

Método 2: Convertir PNG a SVG en Adobe Illustrator

Adobe Illustrator proporciona Calco de imagen para convertir ilustraciones rasterizadas en trazados vectoriales editables. Adobe posiciona específicamente el Calco de imagen para transformar ilustraciones rasterizadas o de alto contraste en ilustraciones vectoriales.

Paso 1: Abre el PNG

Abre Illustrator y coloca tu PNG en la mesa de trabajo. Selecciona la imagen.

Paso 2: Abre Calco de imagen

Elige Calco de imagen. El ajuste preestablecido que elijas debe depender de la ilustración.

Por ejemplo, un logotipo negro no requiere el mismo enfoque de trazado que una ilustración detallada multicolor.

Paso 3: Ajusta el trazado

Controles importantes pueden afectar qué tan complejo se vuelve el SVG final.

El flujo de trabajo del Calco de imagen de Adobe incluye controles asociados con el ajuste de trazados, esquinas y ruido. Los ajustes de ruido más bajos pueden capturar detalles más pequeños, mientras que los ajustes de trazado y esquina influyen en qué tan cerca sigue el trazado a la ilustración original.

Más detalle no siempre es mejor. Trazar cada pequeña variación en un PNG puede producir cientos o miles de puntos de ancla innecesarios.

Paso 4: Expande el trazado

Cuando estés satisfecho con el resultado, expande el trazado para que las formas vectoriales se conviertan en trazados editables.

Paso 5: Limpia los trazados

Inspecciona:

• Curvas irregulares
• Formas extra
• Objetos de fondo no deseados
• Puntos de ancla excesivos
• Pequeños artefactos

Si la ilustración trazada contiene demasiados puntos de ancla, Illustrator ofrece Objeto → Trazado → Simplificar para reducir puntos innecesarios al mismo tiempo que intenta preservar la forma general del trazado.

Paso 6: Exportar como SVG

Exporta o guarda la ilustración terminada como un SVG.

Método 3: Convertir PNG a SVG en Inkscape

Inkscape proporciona una opción de escritorio gratuita para el trazado vectorial. Su función Vectorizar mapa de bits puede crear vectores utilizando enfoques que incluyen corte de luminosidad, detección de bordes, cuantificación de colores y trazado de línea central.

Paso 1: Importar el PNG

Abre Inkscape e importa tu PNG.

Paso 2: Selecciona la imagen

Haz clic en el PNG para que se seleccione la imagen rasterizada.

Paso 3: Abre Vectorizar mapa de bits

Ve a: Trayecto → Vectorizar mapa de bits

Paso 4: Elige un método de trazado

El modo correcto depende de tu imagen.

• Corte de luminosidad puede funcionar bien para siluetas simples.
• Detección de bordes se centra en contornos visibles.
• Cuantificación de colores puede ayudar a trazar límites entre colores.
• Trazado de línea central puede ser útil para ciertos dibujos lineales.

Paso 5: Previsualiza el resultado

Ajusta la configuración antes de aceptar el trazado. Intenta capturar la geometría importante sin reproducir cada imperfección a nivel de píxel.

Paso 6: Elimina el PNG original

El vector recién trazado puede situarse directamente encima de la imagen rasterizada. Mueve brevemente el vector para asegurarte de que se creó un objeto nuevo, luego elimina el mapa de bits original si ya no lo necesitas. La propia guía de trazado de Inkscape señala que una versión trazada con éxito puede parecer casi idéntica mientras se sitúa directamente sobre el mapa de bits de origen.

Paso 7: Guardar como SVG

Guarda el vector terminado como un SVG.

Método 4: Trazar manualmente el PNG

La vectorización automática es conveniente, pero no siempre es el mejor método. Para un logotipo simple, icono o marca geométrica, redibujar manualmente la imagen a veces puede producir un SVG más limpio.

En lugar de permitir que el software genere docenas de puntos alrededor de una curva, un diseñador puede recrear la misma curva con solo unos pocos puntos de ancla cuidadosamente posicionados.

El trazado manual es especialmente útil cuando:

• La imagen de origen está borrosa
• El logotipo contiene geometría simple
• Las curvas exactas son importantes
• El trazado automático crea demasiados nodos
• La tipografía pequeña necesita ser reconstruida
• El vector se utilizará para producción profesional

El trazado automático proporciona velocidad. El trazado manual proporciona control.

¿Qué imágenes PNG se convierten mejor a SVG?

No todos los PNG deben vectorizarse de la misma manera.

Logotipos

Los logotipos son uno de los mejores candidatos para la conversión de PNG a SVG, particularmente cuando contienen colores sólidos y límites limpios.

Íconos

Los íconos simples generalmente se vectorizan bien porque contienen un número limitado de formas.

Arte lineal

Las ilustraciones en blanco y negro, firmas y dibujos lineales a menudo pueden trazarse de manera eficiente.

Imágenes prediseñadas (Clipart)

Las ilustraciones planas con regiones de color claramente separadas pueden producir buenos resultados vectoriales.

Texto

El texto puede ser vectorizado, pero recrear el texto con la fuente original puede dar trazados más limpios que trazar una captura de pantalla de baja resolución.

Fotografías

Las fotos son más difíciles.

Una fotografía puede contener miles o millones de variaciones en color, textura, iluminación y detalle. Reproducir todas esas variaciones como formas vectoriales separadas puede crear un SVG extremadamente complicado.

Para las fotos, el objetivo suele ser crear una interpretación vectorial estilizada, en lugar de una reconstrucción matemática exacta de cada píxel visible. CorelDRAW señala de manera similar que las fotografías muy detalladas no siempre son candidatas prácticas para la vectorización directa.

Cómo convertir PNG a SVG sin perder calidad

El SVG en sí puede escalar limpiamente, pero eso no significa automáticamente que la vectorización reproducirá fielmente el PNG. La calidad del resultado depende en gran medida de la imagen de origen y del proceso de trazado.

• Comienza con un PNG grande y claro: Una fuente más clara proporciona al vectorizador mejores límites para detectar.
• Utiliza un fuerte contraste: La clara separación entre el sujeto y el fondo hace que la detección de bordes sea más fácil.
• Elimina fondos innecesarios: Si el fondo no forma parte de la ilustración, elimínalo o ignóralo antes de trazar. De lo contrario, puede convertirse en otra forma vectorial.
• Evita trazar artefactos de compresión: El ruido de los píxeles, la borrosidad y las marcas de compresión pueden interpretarse como formas reales.
• Usa menos colores cuando sea posible: Para ilustraciones planas, reducir variaciones de color innecesarias puede simplificar significativamente el vector.
• No maximices todos los ajustes de detalle: Más detalles a menudo significa más trazados y más puntos de ancla.

El mejor vector no es necesariamente el que tiene la mayor cantidad de nodos. Es la geometría más simple que representa fielmente la ilustración deseada.

¿Cómo saber si tu SVG está realmente vectorizado?

Una prueba útil es abrir el SVG en un editor de vectores.

Selecciona una parte de la ilustración. Si puedes ver formas vectoriales, trazados y puntos de ancla editables, el gráfico tiene estructura vectorial.

Si el SVG se comporta como una imagen de mapa de bits rectangular, puede contener una imagen rasterizada incrustada en lugar de una versión trazada útil de la ilustración.

También puedes hacer zoom. Una forma vectorial correctamente reconstruida debe permanecer geométricamente nítida en lugar de revelar la cuadrícula de píxeles del PNG original.

¿Por qué mi PNG a SVG tiene tantos nodos?

El trazado automático sigue los cambios visibles en una imagen.

Si la fuente contiene bordes ásperos, suavizado, sombras, texturas, artefactos tipo JPEG, degradados complejos o detalles pequeños, el vectorizador puede crear un gran número de puntos de ancla en un intento de seguir esas variaciones.

Esto puede dificultar la edición del SVG y, en casos extremos, hacerlo más pesado para que lo procese un software de diseño, CAD o corte. Los usuarios que trabajan con vectores trazados informan con frecuencia problemas de rendimiento causados por ilustraciones que contienen miles de puntos de ancla.

PNG vs SVG: ¿Cuál deberías usar?

Usa PNG cuando necesites: Imágenes basadas en píxeles, capturas de pantalla, fotografías detalladas, texturas complejas o transparencia rasterizada.

Usa SVG cuando necesites: Logotipos, íconos, ilustraciones, dibujos lineales, archivos de corte, gráficos web escalables o formas vectoriales editables.

Ningún formato es universalmente mejor. Resuelven diferentes problemas.

Preguntas frecuentes

Convierte tu PNG a SVG

Si quieres el flujo de trabajo más rápido, comienza con nuestro Convertidor de PNG a SVG.

Sube tu imagen, conviértela en una ilustración vectorial, previsualiza el resultado y descarga el SVG.

Para un mayor control sobre el resultado, continúa con nuestra guía sobre cómo vectorizar una imagen, o aprende cómo reducir los nodos de un SVG si tu vector contiene más puntos de ancla de los que necesitas.