Convertidor SVG a PNG: Rasteriza gráficos vectoriales a cualquier tamaño

Última actualización: June 28, 2026

SVG y PNG son tipos de imagen fundamentalmente diferentes. SVG es un formato vector — almacena formas como matemáticas, por lo que se escala a cualquier tamaño sin perder nitidez. PNG es un formato ráster — almacena una cuadrícula fija de píxeles, por lo que tiene una resolución nativa y se desenfoca al agrandarse. Convertir SVG a PNG significa elegir el tamaño en píxeles, porque una vez rasterizado, la escalabilidad desaparece. Esta guía cubre cómo elegir la resolución correcta, cuándo realmente necesitas convertir y cómo exportar PNG nítidos desde SVGs.

Respuesta rápida: ¿cómo conviertes SVG a PNG?

Abre el SVG en un conversor o herramienta de diseño, establece las dimensiones objetivo en píxeles (contando con retina si es necesario — exporta a 2x del tamaño de visualización) y exporta como PNG. Elige un tamaño lo suficientemente grande para todos los lugares donde se utilizará el PNG, porque no puedes agrandar un PNG más tarde sin pérdida de calidad. Usa el SVG to PNG converter para exportaciones rápidas de archivos únicos, o una herramienta de diseño para trabajo por lotes. Conserva el SVG original, porque sigue siendo la fuente escalable si alguna vez necesitas un tamaño diferente.

¿Cuál es la diferencia entre SVG y PNG?

La distinción vector versus ráster lo explica todo sobre por qué y cuándo convertir.

• SVG se mantiene nítido a cualquier resolución: un logo es nítido en 16px y 1600px desde un solo archivo.
• PNG está limitado a sus dimensiones de píxeles: si lo exportas demasiado pequeño, no puede agrandarse limpiamente.
• SVG no puede representar fotografías; PNG sí puede, razón por la cual las fotos nunca son SVG.

¿Cuándo deberías convertir SVG a PNG?

SVG es el mejor formato cuando el entorno lo soporta, por lo que la conversión es una opción de reserva para casos en los que SVG no funciona. Convierte cuando debas hacerlo; de lo contrario, conserva el SVG.

• Entorno no compatible — algunos clientes de correo electrónico y herramientas antiguas no renderizan SVG.
• Requisito ráster incrustado — un sistema que solo acepta PNG o JPG.
• Contenido fotográfico mezclado — aunque en ese caso la fuente no debería ser SVG.
• Almacenamiento en caché y rendimiento — un PNG pre-renderizado puede servir más rápido que analizar SVG en cada carga.

Para sitios web, generalmente es preferible SVG porque se mantiene nítido en pantallas retina y descarga poco. La guía de pantalla retina explica por qué los gráficos vectoriales eliminan el problema de la resolución para logos e iconos por completo.

¿Cómo eliges la resolución correcta?

La decisión de resolución es permanente, así que importa. Exporta el PNG en el tamaño más grande en que se mostrará, multiplicado por la relación de píxeles del dispositivo para una nitidez retina.

• Si el PNG se utilizará en múltiples tamaños, exporta al más grande y deja que CSS lo reduzca.
• Para nitidez retina, exporta a 2x (o 3x para teléfonos) las dimensiones de visualización.
• Exportar demasiado pequeño es el error común e irrecuperable.

La matemática es simple: decide el ancho de visualización más grande, duplícalo para retina y exporta con ese ancho en píxeles. La guía de pantalla retina cubre el flujo de trabajo 2x y 3x en detalle.

¿Cómo conviertes SVG a PNG?

Funcionan varios métodos, dependiendo del volumen y las necesidades de control.

1. Conversor online — sube el SVG, establece dimensiones, descarga PNG. Rápido para usos únicos.
2. Herramienta de diseño (Figma, Illustrator, Inkscape) — abre el SVG, exporta en el tamaño elegido. Mejor control.
3. Línea de comandos (rsvg-convert, ImageMagick) — programable para procesamiento por lotes.
4. Navegador — abre el SVG, haz una captura de pantalla en el tamaño objetivo.

Para trabajo por lotes, la línea de comandos gana porque aplica configuraciones idénticas a cada archivo. Para un logo importante único, una herramienta de diseño ofrece el mayor control sobre las opciones de exportación.

Conversión por lotes para conjuntos de iconos

Convertir una carpeta de iconos SVG a PNG es común al lanzar una aplicación o un sistema de diseño: necesitas cada icono en varios tamaños, y hacerlo manualmente no escala. El enfoque por lotes aplica la misma configuración de exportación a cada archivo del conjunto.

1. Organiza los SVGs en una carpeta, con nombres consistentes.
2. Decide los tamaños de exportación (ej. 16, 32, 64 para un conjunto de iconos).
3. Ejecuta un rasterizador por lotes que exporte cada SVG en cada tamaño.
4. Verifica algunas salidas para asegurar la nitidez y transparencia.

La ventaja de la rasterización por lotes es la consistencia: cada icono se exporta con exactamente las mismas configuraciones, por lo que el conjunto se ve uniforme. La guía de procesamiento por lotes cubre el flujo de trabajo más amplio para aplicar operaciones a carpetas de imágenes, y una vez rasterizados, los PNG pueden comprimirse juntos para minimizar su tamaño servido.

Errores comunes de conversión

• Exportar demasiado pequeño — el PNG no se puede agrandar después. Exporta al 2x del tamaño de visualización.
• Perder el SVG original — siempre consérvalo; es la fuente escalable para futuros tamaños.
• Convertir cuando SVG funcionaría — muchos entornos modernos soportan SVG directamente.
• Olvidar la transparencia — PNG soporta alpha; asegúrate de que la exportación lo preserve si es necesario.
• Mezclar vector y ráster — si la fuente tiene fotos incrustadas, el resultado es un híbrido que pierde las ventajas de SVG.

Cuándo mantener el SVG en su lugar

El valor predeterminado más fuerte es conservar el SVG y convertir solo cuando se fuerza. SVG sirve un único archivo que es nítido en todas las pantallas, descarga poco y permanece editable. PNG tiene sentido cuando el entorno rechaza SVG, cuando necesitas un ráster fijo para un requisito del sistema o cuando el rendimiento exige un archivo pre-renderizado que el navegador pueda almacenar en caché sin analizar.

Convertir por conveniencia en lugar de necesidad simplemente desecha la escalabilidad que hizo que SVG fuera la opción correcta en primer lugar. Para las especificaciones técnicas, W3C SVG standard define lo que puede expresar SVG, y la PNG specification documenta el formato ráster al que se convierte. Haz coincidir el formato con la restricción: y cuando ninguna restricción fuerza PNG, deja que SVG haga su trabajo.

Preguntas frecuentes

¿Cuál es la diferencia entre SVG y PNG?

SVG es un formato vector (formas descritas matemáticamente, independiente de la resolución); PNG es ráster (una cuadrícula de píxeles). SVG escala sin perder nitidez; PNG está fijo en sus dimensiones de píxeles. Convierte SVG a PNG cuando necesitas una imagen ráster fija.

¿Cuándo debo convertir SVG a PNG?

Cuando un objetivo no soporta SVG (algunos clientes de correo electrónico, software antiguo), cuando necesitas un ráster de tamaño fijo o cuando el SVG tiene efectos complejos que se renderizan de manera inconsistente. Para la web, sirve SVG directamente donde sea compatible.

¿Cómo elijo la resolución correcta?

Haz coincidir el tamaño de visualización a 1x o 2x (para retina). Dado que SVG es independiente de la resolución, lo rasterizas en cualquier tamaño de píxel que necesites: renderiza al 2x del tamaño de visualización para nitidez en pantallas retina.

¿Puedo convertir SVG a PNG por lotes?

Sí — ImageMagick (magick mogrify), rsvg-convert o un navegador sin cabeza manejan carpetas de SVGs. Para conjuntos de iconos, un script renderiza cada SVG en todos los tamaños que necesitas en una sola pasada. Consulta la SVG to PNG guide.

¿Soporta SVG transparencia?

Sí — SVG es vectorial y soporta transparencia de forma nativa, por lo que un SVG con áreas transparentes se rasteriza a un PNG transparente. Esta es una razón por la cual SVG es adecuado para logos e iconos. JPEG no preservaría la transparencia.

¿La conversión de SVG a PNG pierde calidad?

No — rasterizas el vector en cualquier resolución que elijas, por lo que el PNG es tan nítido como el tamaño en el que renderizaste. La pérdida de calidad solo vendría de renderizar a una resolución demasiado baja. Renderiza al 2x del tamaño de visualización para nitidez en pantallas retina, y el PNG es indistinguible de un ráster nativo de ese tamaño.

¿Puedo convertir SVG a PNG en cualquier tamaño?

Sí — porque SVG es vectorial e independiente de la resolución, lo rasterizas en cualquier tamaño de píxel que necesites, desde un icono de 16px hasta un banner de 4000px, sin pérdida de calidad. Esa es la principal ventaja sobre los formatos ráster. Renderiza al 2x del tamaño de visualización para nitidez en pantallas retina. El SVG en sí nunca pierde nitidez; solo el PNG rasterizado está fijo en su tamaño de exportación.