PNG a SVG: Cómo vectorizar una imagen

Guía paso a paso con los mejores ajustes para obtener una salida vectorial limpia y escalable desde cualquier PNG.

¿Por qué convertir PNG a SVG?

PNG es uno de los formatos de imagen más utilizados en la web. Admite transparencia, maneja bien los gráficos de colores planos y comprime sin pérdida de calidad. Pero PNG sigue siendo un formato rasterizado: una cuadrícula de píxeles. Amplíalo y los bordes se difuminan. Imprímelo en un banner grande y la imagen se desmorona.

SVG resuelve ese problema. Un gráfico vectorial escalable almacena tu imagen como trazados matemáticos en lugar de píxeles, por lo que se mantiene perfectamente nítido en cualquier tamaño, desde un favicon de 16 píxeles hasta una valla publicitaria. Eso convierte a SVG en el formato preferido para logotipos, iconos, ilustraciones y cualquier gráfico que necesites reutilizar en diferentes resoluciones.

Convertir un PNG a SVG no es un simple cambio de formato. El proceso se llama trazado de imagen (o vectorización): el software analiza los colores y los bordes de tu mapa de bits y los aproxima como trazados vectoriales. La calidad del resultado depende en gran medida de tu imagen de origen y de los ajustes que elijas. Esta guía te lleva por todo el proceso usando Any2SVG, un conversor gratuito en el navegador, para que puedas producir SVGs limpios en todo momento.

Si eres nuevo en los gráficos vectoriales, empieza con nuestra introducción ¿Qué es SVG? para entender el formato antes de comenzar el flujo de conversión.

Paso 1: Sube tu PNG

Abre Any2SVG en tu navegador. Tienes varias formas de cargar tu archivo:

Arrastra y suelta tu PNG directamente en el área del conversor.
Haz clic en el selector de archivos para explorar tu dispositivo.
Pega desde el portapapeles: toma una captura de pantalla o copia una imagen y pégala directamente en la herramienta.
Introduce una URL de imagen para obtener un PNG desde la web.
Importa desde Dropbox, Google Drive u OneDrive sin descargar el archivo a tu dispositivo primero.

Any2SVG acepta archivos PNG de hasta 10 MB. Si tienes varios PNGs que convertir, selecciónalos todos a la vez: la herramienta admite conversión por lotes, así que puedes procesar un conjunto completo de recursos en una sola sesión.

Paso 2: Prepara tu imagen

Antes de trazar, tómate un momento para limpiar la imagen de origen. Una mejor entrada siempre lleva a un mejor resultado vectorial.

Recorta los espacios en blanco

Usa la herramienta de recorte integrada para eliminar espacios en blanco o áreas de fondo innecesarios alrededor de tu sujeto. El editor de recorte admite selección libre y una relación de aspecto 1:1 bloqueada, con zoom de pellizco para un encuadre preciso en pantallas táctiles. Eliminar el espacio muerto antes de la conversión mantiene el SVG de salida ajustado y enfocado.

Redimensiona para mayor velocidad

Trazar una imagen muy grande toma más tiempo y no siempre produce un mejor SVG. Si tu PNG tiene más de unos 2000 píxeles de ancho, considera reducirlo primero. Any2SVG ofrece múltiples modos de redimensionado: por ancho, alto, dimensiones exactas, porcentaje o preajustes comunes. Una imagen de origen más pequeña se traza más rápido y a menudo produce trazados más limpios porque el trazador lidia con menos ruido.

Auto-orientación y eliminación de metadatos

Activa la auto-orientación para que Any2SVG lea los datos de rotación EXIF y muestre la imagen correctamente antes del trazado. El conversor también elimina los metadatos incrustados (EXIF, XMP) del SVG de salida, para que los detalles de la cámara y las coordenadas GPS no se trasladen a tus archivos publicados.

Paso 3: Ajusta la configuración de vectorización

Aquí es donde está el verdadero control. Any2SVG te ofrece opciones detalladas que afectan directamente la calidad y el tamaño de tu SVG de salida. Esto es lo que hace cada ajuste y cómo usarlo:

Número de colores

Controla cuántas regiones de color distintas crea el trazador. Usa de 2 a 8 colores para logotipos, iconos y diseños simples. Aumenta a 16 o más para ilustraciones detalladas o imágenes con degradados. Menos colores producen SVGs más simples y pequeños; más colores capturan diferencias tonales más finas pero aumentan la complejidad del archivo.

Nivel de detalle

Determina qué tan de cerca el trazador sigue los bordes y las curvas. Un mayor detalle preserva características sutiles pero puede introducir ruido de la imagen de origen. Un menor detalle produce una salida más suave y estilizada. Comienza con un ajuste medio y ajústalo desde ahí.

Optimización de trazados

Simplifica los trazados vectoriales generados eliminando puntos de control innecesarios. Una mayor optimización reduce el tamaño del archivo y suaviza las curvas. Para logotipos y diseños limpios, sube la optimización. Para ilustraciones detalladas donde quieras preservar cada borde, mantenla moderada.

Precisión de coordenadas

Establece cuántos decimales se usan para las coordenadas de los trazados. Mayor precisión significa trazados más exactos pero archivos más grandes. Para la mayoría de los casos, 1 o 2 decimales proporcionan un gran equilibrio entre precisión y tamaño de archivo.

Otras opciones

Modo de capas: elige entre capas (cada color en su propia capa) y renderizado apilado. La salida en capas es más fácil de editar en herramientas vectoriales como Inkscape o Illustrator.
Desenfoque: aplica un ligero desenfoque de preprocesamiento para suavizar entradas ruidosas antes del trazado. Útil para PNGs con artefactos de compresión o texturas granuladas.
viewBox: activa o desactiva un atributo viewBox explícito en el SVG de salida, que controla cómo se escala el gráfico cuando se incrusta en HTML.

Ajustes recomendados por tipo de imagen

Tipo de imagen	Colores	Detalle	Optimización	Notas
Logotipo simple	2 – 4	Bajo – Medio	Alto	Menos colores = archivo más pequeño, bordes más nítidos
Icono multicolor	4 – 8	Medio	Alto	Equilibrio entre detalle y trazados limpios
Ilustración detallada	16 – 32	Alto	Medio	Más colores capturan degradados y sombreados
Dibujo lineal / boceto	2 – 4	Alto	Medio	Alto detalle preserva los trazos finos
Fotografía (simple)	32+	Alto	Bajo	SVG grande; considera si SVG es el formato adecuado

Para más consejos específicos de formato, consulta nuestros consejos de JPG a SVG: muchos de los mismos principios aplican a fuentes PNG que se originaron como fotografías comprimidas.

Paso 4: Descarga tu SVG

Una vez que estés satisfecho con la vista previa, descarga tu SVG terminado. Para un solo archivo, haz clic en el botón de descarga para guardarlo directamente. Si convertiste varios PNGs en un lote, Any2SVG empaqueta todos los resultados en un archivo ZIP, ensamblado en tu navegador usando fflate para una compresión rápida y ligera.

Después de descargar, abre el SVG en tu navegador o en un editor vectorial como Inkscape, Figma o Adobe Illustrator para verificar el resultado. Revisa los bordes, las regiones de color y el tamaño general del archivo. Si algo no se ve bien, regresa a Any2SVG, ajusta la configuración y vuelve a convertir: la iteración es normal y solo toma unos segundos.

Conclusión

Convertir un PNG a SVG es sencillo una vez que entiendes que el trazado es una aproximación, no un cambio de formato sin pérdida. Los pasos clave son simples: sube tu PNG, prepáralo con las herramientas de recorte y redimensionado, configura los ajustes de vectorización adecuados para tu tipo de imagen y descarga el SVG terminado.

Para la mayoría de los logotipos e iconos, un número bajo de colores con alta optimización ofrece los mejores resultados. Para ilustraciones detalladas, aumenta los colores y el detalle aceptando un archivo más grande. Y para fotografías, considera si SVG es realmente el formato de salida adecuado antes de comprometerte con la conversión.

Any2SVG hace que todo el proceso sea gratuito, rápido y privado: todo se ejecuta en tu navegador. Pruébalo con tus propias imágenes y descubre lo rápido que puedes producir gráficos vectoriales limpios y escalables.

Convierte tu PNG a SVG ahora