Convertir SVG a PNG — a cualquier escala
Conversor de SVG a PNG, JPG o WebP en el navegador, por escala o ancho
Funciona en tu navegador · no se sube nada
Suelta aquí un archivo SVG
Convierte un archivo SVG (de hasta 10 MB) a PNG, JPG o WebP. El archivo nunca sale de tu navegador.
PNG y WebP conservan la transparencia. Guarda los iconos a 2–4× para que se vean nítidos en pantallas de alta resolución.
Qué es
Un conversor que transforma gráficos vectoriales SVG en imágenes normales como PNG. Un SVG se ve nítido a cualquier tamaño, pero las apps de mensajería, los programas de oficina, las redes sociales y muchos formularios de subida no lo aceptan. Elige una escala o un ancho, guarda un PNG y úsalo donde quieras. Puedes soltar un archivo o pegar código SVG, y se conserva la transparencia.
Cómo se usa
- Elige Archivo y suelta un SVG, o elige Pegar código y pega un marcado que empiece por
<svg>. - En Formato, elige PNG, JPG o WebP.
- En Tamaño, elige de 1× a 4× o escribe un ancho en píxeles.
- Deja el fondo transparente o rellénalo con un color. En JPG siempre se rellena.
- Revisa la vista previa y haz clic en Guardar PNG.
Cómo funciona
- Tamaño original: el width y height del
<svg>raíz (px, pt, mm, cm e in se convierten a píxeles CSS); si solo hay uno, el otro se calcula con la proporción del viewBox. Los porcentajes no se usan como tamaño. - Escalado: width y height se fijan al tamaño de salida, y si falta el viewBox se añade a partir del tamaño original, de modo que todo el dibujo se escala a la vez.
- Dibujo: el navegador dibuja el SVG como imagen y el resultado se copia a un canvas. En este modo nunca se cargan archivos externos ni se ejecutan scripts (las reglas de seguridad del SVG como imagen).
- Avisos: se informa de antemano de referencias externas, texto (fuentes), foreignObject, scripts y animaciones. Las animaciones se guardan en su primer fotograma.
- Límites: 16.384 px por lado y 16.777.216 píxeles en iPhone y iPad; las salidas más grandes se reducen.
Ejemplos
| SVG | Ajuste | Resultado |
|---|---|---|
| icon.svg (viewBox 0 0 24 24) | PNG 4×, transparente | icon.png de 96×96, transparente |
| logo.svg (width 200, height 80) | ancho 1000 px | logo.png de 1000×400 |
| chart.svg (sin tamaño) | JPG 2×, blanco | chart.jpg de 600×300 |
Para un juego completo de iconos web usa el generador de favicon; para pasar el PNG a otro formato, el conversor de imágenes.
Preguntas frecuentes
¿Qué escala uso?
2× va bien para la mayoría de iconos y logotipos web; para imprimir o para pantallas de alta resolución usa 3× o 4×. Para un tamaño exacto elige «Ancho personalizado», por ejemplo 1024 px, y la altura sigue la proporción.
La fuente ha cambiado al convertir.
Al dibujar un SVG como imagen, los navegadores no descargan archivos de fuente externos, así que el texto usa las fuentes instaladas en tu dispositivo. Convierte antes el texto en contornos (trazados) en Illustrator, Figma o Inkscape para conservar el diseño.
Falta parte de la imagen.
Los archivos a los que el SVG hace referencia desde fuera (imágenes o CSS en otra dirección) no se cargan por seguridad, así que esas partes quedan vacías. La herramienta te los enumera; incrústalos en el SVG como data URI y vuelve a intentarlo.
¿Y si el SVG no tiene tamaño?
Sin width y height se usa el tamaño del viewBox, y sin ninguno de los dos, el valor por defecto del navegador, 300×150 px. La página indica qué base ha usado antes de aplicar la escala.
¿Se envía mi SVG a un servidor?
No. La lectura y el dibujo se hacen en tu navegador.
