Convertir SVG a PNG
Tus archivos se convierten en tu dispositivo. Nunca se suben.
o suéltalos aquí, o pégalos con Ctrl+V / ⌘V
.svg
- Los archivos no salen de tu dispositivo
- Por lotes + ZIP
- Sin registro, sin límites
Este convertidor funciona en tu navegador y necesita JavaScript. Actívalo para convertir; los pasos de abajo lo explican todo.
Ajustes
Renderiza logotipos e iconos vectoriales como PNG nítidos a la escala que necesites, con fondo transparente.
SVG es un dibujo descrito en código, nítido a cualquier tamaño, pero muchos sitios no lo admiten: fotos de perfil en redes, presentaciones, firmas de correo, tiendas de apps, sitios de compraventa y muchos campos de subida de gestores de contenido piden PNG. Esta página dibuja cada SVG en tu navegador y lo guarda como PNG con el fondo transparente intacto. Elige 2× o 4× para pantallas de alta densidad o para imprimir: los vectores se renderizan a ese tamaño, así que los bordes quedan nítidos en lugar de ampliados.
Cómo convertir SVG a PNG
- Arrastra tus archivos .svg: logotipos, iconos, diagramas o ilustraciones.
- Elige la escala: 1× usa el ancho y alto del propio SVG, 2× los duplica para pantallas modernas y 4× sirve para imprimir o para diapositivas grandes.
- Convierte y guarda los PNG, o descárgalos todos en un ZIP.
Qué pasa con la calidad, el peso y los metadatos
El renderizado se hace una sola vez, al tamaño final en píxeles, así que no hay desenfoque por ampliar: un icono de 64 px a 4× se convierte en un PNG limpio de 256 px. PNG no tiene pérdida, de modo que cada borde suavizado y cada zona transparente se guarda tal cual.
El resultado depende del tamaño que declare el SVG; si solo tiene viewBox, usamos ese. El peso del archivo crece con la escala, aproximadamente cuatro veces por cada duplicación. El texto con una fuente web solo se ve bien si la fuente está incrustada en el SVG o convertida a contornos (trazados).
- Archivos de prueba
- 30
- Entrada promedio
- 1 KB
- Salida promedio
- 54 KB
- Cambio de peso
- 50× más pesado
- Tiempo por archivo
- 6 ms
SVG o PNG
| Nombre completo | SVG | PNG |
|---|---|---|
| Nombre completo | Scalable Vector Graphics | Portable Network Graphics |
| Lanzamiento | 2001 | 1996 |
| Definido por | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Compresión | Sin pérdida | Sin pérdida |
| Transparencia | Sí | Sí |
| Animación | Sí | Sí |
| Tamaño máximo | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Sí | Sí |
| Safari | Sí | Sí |
| Firefox | Sí | Sí |
| Windows | — | Sí |
| iPhone / iPad | — | Sí |
| Android | — | Sí |
| Uso típico | Logotipos, íconos, gráficos e ilustraciones en sitios web. | Capturas de pantalla, logotipos, íconos, diagramas y cualquier imagen con fondo transparente. |
SVG SVG es un formato del W3C que describe un dibujo con formas, trazos y texto en XML, no con píxeles. Se ve nítido a cualquier tamaño y suele ocupar muy poco, pero no sirve para guardar fotos de forma eficiente, y muchas apps y formularios solo aceptan imágenes de píxeles como PNG.
PNG PNG es un formato de imagen sin pérdida que el W3C publicó en 1996 y que luego se convirtió en la norma ISO/IEC 15948. Conserva cada píxel exactamente y admite transparencia completa, por eso va tan bien para capturas de pantalla, logotipos y texto. Una foto guardada en PNG suele pesar varias veces más que en JPG.
Fuentes de esta tabla
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Datos de compatibilidad de navegadores: caniuse.com, CC BY 4.0.
Sin este sitio
Cualquier navegador muestra un SVG: ábrelo en una pestaña y haz una captura de pantalla, que sirve para un caso puntual pero te da la resolución de la pantalla y normalmente fondo blanco. Editores vectoriales gratuitos como Inkscape exportan PNG a cualquier tamaño desde su diálogo de exportación. En una Mac, al pulsar la barra espaciadora sobre un SVG en el Finder lo ves con Vista rápida, útil para revisar el archivo antes de convertirlo. Para lotes con transparencia, esta página es más rápida.
Solución de problemas
- El texto cambia de fuente. Las fuentes web que el SVG carga desde una URL no se pueden usar aquí, y las fuentes instaladas en tu computadora no están en la de los demás. Convierte el texto a contornos en tu editor.
- Faltan imágenes dentro del SVG. Las imágenes externas enlazadas no se cargan por seguridad. Incrústalas en el SVG (como datos) antes de convertir.
- El PNG sale diminuto. El SVG declara un ancho y un alto pequeños. Elige 4× o edita los atributos width y height.
- Animaciones. Las animaciones CSS o SMIL se ignoran; obtienes el estado inicial del SVG.
Preguntas y respuestas
¿Cómo convertir SVG a PNG con fondo transparente?
Arrastra el SVG aquí y convierte: el fondo queda transparente automáticamente, porque PNG admite transparencia y no añadimos ningún relleno. Si el propio SVG contiene un rectángulo blanco como fondo, ese rectángulo forma parte del dibujo y aparecerá; quítalo antes en un editor vectorial.
¿Qué tamaño tendrá mi PNG?
A 1×, el PNG tiene el ancho y el alto escritos en el SVG (o los de su viewBox si no hay). 2× duplica ambos y 4× los cuadruplica: un logotipo de 300 × 100 pasa a 1200 × 400 a 4×. Usa el ajuste de tamaño máximo si el resultado debe caber en un recuadro, como 512 px para el icono de una app; solo reduce, nunca amplía.
¿Por qué mi SVG se ve distinto como PNG?
Casi siempre por las fuentes o por archivos enlazados. El SVG se dibuja en un modo aislado que no puede descargar fuentes ni imágenes externas, así que el texto puede caer en una fuente por defecto y las imágenes enlazadas quedan en blanco. Convierte el texto a contornos e incrusta las imágenes en tu editor, y vuelve a convertir.
¿Es seguro convertir SVG en línea?
Aquí el SVG nunca sale de tu equipo: lo dibuja tu propio navegador y no se sube nada. Además lo renderizamos como imagen en lugar de insertarlo en la página, así que los scripts que pudiera contener un SVG no se ejecutan. Esto importa con logotipos y dibujos de clientes que aún no has publicado.