SVG to PNG Converter
Understand SVG to PNG Converter
Rasteriza el marcado SVG que pegue en un PNG descargable, con el tamaño y la escala que elija, por completo en el navegador.
How it works
El marcado se carga como imagen y se dibuja en un canvas HTML con las dimensiones en píxeles elegidas, y después se exporta como PNG. Como el SVG es independiente de la resolución y el PNG no, el factor de escala es toda la decisión: renderizar un icono de 200×200 a 3× produce un mapa de bits de 600×600 que sigue viéndose nítido en una pantalla de alta densidad, mientras que a 1× se verá borroso ahí. La salida son píxeles fijos a partir de ese momento: redimensionar el PNG después lo degrada, mientras que el SVG de origen podría haberse renderizado a cualquier tamaño.
When to use it
- Producir un favicon, un icono de aplicación o una imagen de vista previa social en formato de mapa de bits a partir de una fuente vectorial
- Entregar una imagen a una herramienta, un cliente de correo o un marketplace que no acepta SVG
- Exportar un gráfico o un diagrama de una biblioteca basada en SVG para una presentación o un documento
- Generar recursos a 1×, 2× y 3× a partir de un único archivo vectorial
Watch out for
- Un SVG sin width, height ni viewBox no tiene tamaño intrínseco, así que el rasterizador no tiene nada desde lo que escalar. Añada un viewBox al elemento raíz antes de convertir.
- Los recursos externos no se cargan dentro de un SVG que se está rasterizando. Las fuentes web referenciadas por una regla @font-face y las imágenes referenciadas por URL no suelen descargarse: convierta antes el texto en rutas o sus etiquetas se renderizarán con una fuente alternativa o no aparecerán.
- La transparencia se conserva, pero el fondo no aparece. Un SVG sin rectángulo de fondo se exporta como un PNG con fondo transparente, lo que parece una imagen ausente sobre una superficie oscura.
- El PNG suele ser el archivo más grande. Un icono vectorial plano que ocupa 2 KB como SVG puede ocupar 40 KB como PNG a 3×, así que convierta solo cuando el destino realmente no admita vectores.
Not the right tool for: Cualquier cosa que se quede en la web y pueda aceptar un vector. Un SVG se adapta a todas las pantallas, pesa menos y puede estilizarse con CSS: rasterice solo cuando el destino le obligue.
Frequently Asked Questions
¿Cómo convierto un SVG a PNG?
Pegue el marcado SVG o suelte un archivo .svg, elija un factor de escala o escriba un ancho y un alto exactos, y pulse Convertir a PNG para descargar el resultado. Toda la conversión se ejecuta sobre un canvas en su navegador, así que el archivo nunca se sube.
¿Cómo exporto un SVG a alta resolución?
Como el SVG es vectorial, el tamaño de salida lo elige usted: use los botones de 4× u 8×, o introduzca un ancho como 2048 y deje que el alto siga la relación de aspecto. A diferencia de ampliar un PNG, esto vuelve a renderizar los vectores, así que los bordes se mantienen nítidos a cualquier tamaño.
¿Por qué mi SVG se renderiza con fuentes equivocadas o sin imágenes?
El rasterizado ocurre en un contexto de imagen aislado que no puede descargar recursos externos, así que las fuentes web y las imágenes enlazadas no se cargan. Convierta el texto en rutas e incruste las imágenes como data URI antes de convertir, y el PNG coincidirá exactamente con el original.
How to Use SVG to PNG Converter
- Paste or type your input in the input area above.
- The tool processes your input automatically or click Run.
- Copy or download the result using the action buttons.
- Use Ctrl+Enter to run quickly from the keyboard.