Escrito por Jamie Park — Diseñador UI/UX. Llevo 8 años diseñando interfaces y sistemas de diseño. Creé SVG2PNG después de hartarme de que los activos de clientes estuvieran alojados en servidores aleatorios. Más sobre mí →
¿Necesitas transformar un archivo SVG en un PNG? Tanto si eres diseñador preparando recursos para un cliente, desarrollador optimizando iconos para un sitio web, o simplemente alguien que se descargó un SVG y no puede abrirlo, convertir SVG a PNG es rápido y sencillo. Esta guía cubre tres métodos, desde nivel principiante hasta avanzado.
SVG (del inglés *Scalable Vector Graphics*, gráficos vectoriales escalables) es un formato de imagen vectorial que usa código XML para describir formas, rutas y colores. Como los archivos SVG son básicamente instrucciones de texto, se pueden escalar a cualquier tamaño sin perder calidad. Esto los hace ideales para logotipos, iconos e ilustraciones.
Sin embargo, no todos los programas son compatibles con SVG. Los clientes de correo electrónico, las plataformas de redes sociales y muchas aplicaciones antiguas requieren el formato PNG: un formato rasterizado compatible universalmente.
La forma más rápida de convertir SVG a PNG es con un convertidor que funciona directamente en el navegador. No tienes que instalar nada, crear una cuenta ni subir tus archivos a un servidor.
¿Por qué usar una herramienta para navegador? Tus archivos nunca salen de tu dispositivo. Toda la conversión se hace de forma local usando la Canvas API: ningún riesgo de privacidad. Incluso puedes desconectarte de internet y la herramienta sigue funcionando.
Si ya tienes software de diseño instalado en tu equipo, puedes convertir SVG a PNG directamente:
Limitación: El software de diseño requiere instalación y no admite la conversión por lotes de varios archivos de forma eficiente.
Para desarrolladores y procesos de automatización, las herramientas de línea de comandos son la opción más rápida:
inkscape --export-type=png --export-filename=output.png input.svg inkscape --export-width=1024 --export-filename=output.png input.svg
convert input.svg output.png
# Con resolución específica:
convert -density 300 input.svg output.png
# Conversión por lotes de todos los SVG de una carpeta:
for f in *.svg; do convert "$f" "${f%.svg}.png"; done
rsvg-convert -w 1024 -o output.png input.svg
# Por lotes:
for f in *.svg; do rsvg-convert -w 1024 -o "${f%.svg}.png" "$f"; done
Al convertir SVG a un formato rasterizado, elige el formato de salida adecuado para tu caso de uso:
No, siempre que elijas la escala correcta. A 2x o más, el PNG de salida se verá nítido y definido. La única «pérdida» es que el PNG tiene una resolución fija, así que no lo podrás escalar a tamaños mayores posteriormente sin que se pixele. Guarda siempre tu archivo SVG original.
Claro que sí. La mayoría de los convertidores conservan la transparencia de forma predeterminada. Cuando usas SVG2PNG.org, solo tienes que seleccionar la opción «Transparente» en el ajuste de fondo.
Usa una herramienta para navegador que admita procesamiento por lotes por arrastre y suelta (hasta 50 archivos a la vez) o el método de línea de comandos con un bucle de consola. También puedes descargar todos los archivos convertidos en un único archivo ZIP.
SVG2PNG.org — es gratuito, funciona en tu navegador (no tienes que subir ningún archivo), admite procesamiento por lotes y te permite controlar el formato de salida, la escala y el color de fondo. Además, funciona sin conexión como PWA.
Escrito por Jamie Park — Diseñador UI/UX. Llevo 8 años diseñando interfaces y sistemas de diseño. Creé SVG2PNG después de hartarme de que los activos de clientes estuvieran alojados en servidores aleatorios. Más sobre mí →