¿Por qué convertir PNG a SVG?
El SVG se escala a cualquier tamaño sin pixelarse, lo que lo convierte en la opción adecuada para logotipos, iconos y gráficos utilizados en diferentes tamaños de pantalla o en impresión. Los navegadores web renderizan .SVG de forma nativa, y las herramientas de diseño como Figma e Illustrator trabajan con él directamente. Convertir un logotipo PNG a SVG le permite cambiar su tamaño libremente sin pérdida de calidad.
Cómo convertir PNG a SVG
Inkscape - Trace Bitmap OPEN-SOURCE
Abra su PNG en Inkscape, selecciónelo y vaya a Path → Trace Bitmap; elija Brightness cutoff para logotipos o Colors para gráficos planos multicolores.
Adobe Illustrator - Image Trace PAID
Coloque su PNG en Illustrator, haga clic en Image Trace en la barra de herramientas y luego en Expand para convertir el resultado en trazados vectoriales editables.
Línea de comandos - autotrace CLI
Ejecute autotrace --output-format=svg input.png -o output.svg para vectorizar un PNG desde la terminal.
Programas que convierten PNG
Acerca de estos formatos
Un PNG (Portable Network Graphics) es un formato de imagen ráster sin pérdida. Todos los sistemas operativos modernos, navegadores y aplicaciones de imagen abren archivos PNG de forma…
Abrir detalles de .PNG →Un archivo SVG es una imagen de gráficos vectoriales escalables (Scalable Vector Graphics), un estándar abierto del W3C que almacena gráficos 2D como texto XML, por lo que se escala a…
Abrir detalles de .SVG →Calidad y qué observar
- Esto es vectorización, no conversión: la salida SVG es una aproximación algorítmica del PNG original, no una copia perfecta de píxeles.
- Los logotipos planos, los iconos y el arte lineal simple se trazan limpiamente; las fotografías o imágenes con degradados y sombras suaves producen resultados inutilizables.
- Un PNG de origen con mayor resolución le da al trazador más datos de píxeles con los que trabajar y, por lo general, produce trazados más limpios.
Preguntas frecuentes
¿Se verá el SVG exactamente igual que mi PNG?
¿Puedo convertir una foto PNG a SVG?
¿Por qué mi SVG trazado es más grande que el PNG original?
¿Puedo incrustar un PNG dentro de un SVG sin trazar?
PNG en un elemento <image> dentro de un contenedor SVG, pero la imagen sigue conteniendo datos ráster y no se escalará sin pixelarse.