Convertir SVG a PNG
Arrastra tus archivos SVG o pega código SVG, elige el tamaño y descarga el PNG. Como el SVG es un formato vectorial, el PNG sale nítido en cualquier tamaño: desde un favicon de 16 px hasta una imagen 4K. Todo ocurre en tu navegador.
Cómo se calcula
El SVG (Scalable Vector Graphics) describe imágenes con trazos, formas y texto en lugar de píxeles. Es perfecto para logos e iconos, pero no se acepta en todas partes: versiones antiguas de Word y PowerPoint, muchos formularios de subida, firmas de correo, tiendas de apps y redes sociales piden una imagen de mapa de bits. Convertirlo a PNG lo soluciona, sin pérdida y con transparencia.
Cómo convertir SVG a PNG
- Arrastra archivos SVG o pega el código SVG.
- Elige el tamaño y si el fondo será transparente o de color.
- Descarga el PNG.
Ejemplo: un icono cuadrado con viewBox="0 0 24 24" exportado a 512 px de ancho da un PNG de 512 × 512 píxeles, totalmente nítido porque el gráfico vectorial se recalcula a ese tamaño.
¿Qué tamaño tendrá el PNG?
El punto de partida es el tamaño que indica el propio SVG:
- width y height en el elemento
<svg>: se usan esos valores. Las unidades mm, cm, in o pt se convierten a píxeles como en CSS (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px). - solo viewBox (típico en iconos, p. ej.
viewBox="0 0 24 24"): el ancho y alto del viewBox cuentan como píxeles. - un lado + viewBox: el otro lado sigue la proporción del viewBox.
- nada o porcentajes: tamaño por defecto del navegador, 300 × 150 px; en ese caso indica tú el tamaño en píxeles.
El factor de escala multiplica ese tamaño (un icono de 24 px a 4× queda en 96 × 96 px). En ancho/alto escribes píxeles; con un solo valor, el otro sigue la proporción. Con ambos y «Mantener la proporción» activado, el gráfico se ajusta dentro de ese recuadro; sin la casilla, se estira exactamente a esas medidas.
| Uso | Tamaño PNG habitual |
|---|---|
| Favicon / icono de app | 32, 180, 192 o 512 px (cuadrado) |
| Logo en una web (Retina) | 2× el tamaño mostrado |
| Logo en Word/PowerPoint | 1000–2000 px de ancho |
| Impresión a 300 ppp | ancho en cm × 118 (10 cm ≈ 1181 px) |
Fondo transparente o de color
El PNG admite transparencia: si dejas el fondo «transparente», el logo se ve bien sobre cualquier color. Para programas o plataformas que muestran la transparencia en negro, elige un color de fondo (normalmente blanco). ¿Necesitas un JPG? Convierte después el PNG con Convertir imagen; para reducir el peso, usa Comprimir imagen.
Seguridad: el SVG solo se dibuja como imagen
Un SVG puede contener scripts y enlaces a servidores externos. Por eso esta herramienta carga el SVG únicamente como imagen (igual que un <img> en una página web). En ese modo el navegador no ejecuta scripts ni descarga nada. La otra cara: las imágenes o fuentes enlazadas desde internet no aparecen en el PNG. Las imágenes incrustadas (URL data:) y las fuentes instaladas en tu sistema sí funcionan.
Privacidad
La conversión se hace por completo en tu dispositivo, también con el código SVG pegado. No se sube ni se guarda nada.
Otras herramientas: el generador de favicon para el icono de tu web y convertir imagen para otros formatos.
Preguntas frecuentes
¿Cómo convierto un SVG a PNG?
Arrastra el archivo SVG al recuadro (o pega el código SVG), elige el tamaño y descarga el PNG. Si son varios archivos, también puedes bajarlos en un ZIP.
¿El PNG saldrá pixelado?
No. El SVG se dibuja directamente al tamaño final, sin renderizarlo pequeño y ampliarlo después. Incluso a 16× queda nítido.
¿Se mantiene el fondo transparente?
Sí, por defecto. Si necesitas fondo blanco o de color, elige «Color» en «Fondo».
¿Por qué falta una fuente o una imagen en el PNG?
Por seguridad, el SVG solo se dibuja como imagen y en ese modo el navegador no carga archivos externos. Las fuentes que no tengas instaladas se sustituyen. Solución: convierte el texto en trazados en tu programa de diseño o incrusta las imágenes.
¿Qué tamaño tiene el PNG por defecto?
El width/height del SVG o, si no hay, el del viewBox, multiplicado por el factor elegido (2× por defecto). El tamaño original aparece en la lista de resultados.
¿Se suben mis archivos SVG?
No. Todo funciona en tu navegador; tus archivos no salen de tu dispositivo.
Fuentes y base legal
- W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
- W3C – SVG 2: Processing modes (secure animated mode)
- W3C – CSS Values and Units Level 4: Absolute lengths
- W3C – Portable Network Graphics (PNG) Specification
- MDN – SVG as an image
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Última actualización:
Herramientas relacionadas
- Convertir imagen: JPG, PNG, WebP y AVIFConvertir imágenes sin subirlas: PNG a JPG, JPG a PNG, WebP a JPG, HEIC a JPG o a AVIF. Hasta 20 imágenes a la vez, con descarga en ZIP. Gratis.
- Redimensionar imagen: cambia el tamaño en píxelesRedimensionar imagen online: cambia ancho y alto en píxeles o %, mantén la proporción o recorta, con plantillas para Instagram y YouTube. Sin subir nada.
- Comprimir imagen: reduce el tamaño del archivoComprimir imágenes sin subirlas: reduce el peso de JPG, PNG, WebP y HEIC, hasta 20 a la vez, con tamaño objetivo en KB opcional y descarga en ZIP. Gratis.
- Recortar imagen onlineRecorta una foto online sin subirla: selección libre, cuadrada 1:1, 4:3, 16:9 o 9:16 y plantillas para Instagram y YouTube. Gratis, también en el celular.
- Convertir video a MP3Convierte video a MP3 y guarda el audio: pasa MP4, MOV o WebM a MP3 o WAV, con bitrate y recorte. Gratis, sin programas y sin subir nada: en tu navegador.
- Crear firma online: dibuja tu firma y guárdala en PNGCrea tu firma digital online: dibújala con el ratón, el dedo o un lápiz y descárgala en PNG transparente o SVG. Gratis, sin registro y sin subir nada.