SVG a PNG
Convertidor

Cómo convertir SVG a PNG

1. Haz clic en «Elegir fotos» o suelta los archivos .svg en la página.
2. Cada SVG se dibuja y se guarda como PNG al instante a escala 2×.
3. Elige otra Escala en el panel de ajustes de la derecha si necesitas una imagen más pequeña o más grande, y pulsa «Aplicar a todos los archivos».
4. Guarda cada PNG o pulsa «Descargar todo (.zip)».

Cómo se calcula el tamaño de salida

El tamaño de partida sale del propio SVG. Si el elemento svg raíz tiene ancho y alto, se usan esos valores, y unidades como mm, cm, in y pt se convierten a la equivalencia estándar de 96 píxeles por pulgada. Si solo hay un viewBox, se usan su ancho y su alto. Si el archivo no tiene ninguno de los dos, los navegadores lo tratan como de 300 por 150 píxeles, y esta herramienta también.

Ese tamaño se multiplica después por el ajuste de Escala. Un icono de 24 por 24 a 4× se convierte en un PNG de 96 por 96. Para no pasar de lo que cualquier navegador puede dibujar, la salida se limita a 8192 píxeles por lado y unos 16 megapíxeles en total, y la escala se reduce automáticamente cuando una imagen superaría ese límite.

Qué hace el ajuste de Escala

• 1×. El PNG tiene el mismo tamaño en píxeles que el SVG. Va bien cuando el SVG se diseñó con el tamaño exacto en que se mostrará.
• 2× (nítido). El valor por defecto. El doble de tamaño, que se ve nítido en las pantallas de alta densidad de móviles y portátiles.
• 4× (impresión). Cuatro veces el tamaño, para imprimir, hacer presentaciones o cualquier caso en el que necesites un mapa de bits grande.

Fuentes, imágenes y otras cosas que conviene revisar

El SVG se dibuja como un navegador dibuja un SVG usado como imagen. En ese modo el navegador no carga nada de fuera del archivo: se ignoran las imágenes enlazadas, las fuentes web y las hojas de estilo externas, y los scripts no se ejecutan. Las imágenes incrustadas en el archivo como URL de datos sí funcionan.

El texto se dibuja con las fuentes instaladas en tu dispositivo. Si el SVG usa una fuente que no tienes, se usa una de reserva y el texto puede verse distinto o desplazarse. La solución fiable es convertir el texto en contornos (trazados) en tu editor vectorial antes de exportar el SVG.

Las animaciones no se capturan; obtienes una única imagen fija. Las zonas transparentes siguen siendo transparentes en el PNG.

Problemas frecuentes y soluciones

• Mensaje «No se pudo leer este SVG»: el archivo no es un XML válido o no es un SVG. Ábrelo en un editor de texto y comprueba que empieza con un elemento svg. A los SVG copiados de páginas web a menudo les falta la declaración del espacio de nombres; la herramienta se la añade por ti.
• El PNG sale en blanco o le faltan partes. Lo más probable es que el dibujo dependa de una imagen o una hoja de estilo externas. Incrústalas en el SVG o aplana el dibujo en tu editor.
• El PNG tiene un tamaño equivocado. El ancho y el alto del SVG están definidos de forma distinta a lo que esperabas, o son porcentajes. Edítalos en el archivo o apóyate en el ajuste de Escala.
• La salida es más pequeña que 4×. La imagen llegó al límite de tamaño descrito más arriba.

¿SVG o PNG?

Conserva el SVG para logotipos, iconos e ilustraciones en sitios web: se ve nítido a cualquier tamaño y suele pesar muy poco. Usa PNG cuando un programa, una red social, un cliente de correo o un editor de documentos no acepte SVG, o cuando necesites una imagen de tamaño fijo para una tienda de aplicaciones o un favicon. Si necesitas hacer el camino inverso, PNG a SVG convierte un mapa de bits en formas vectoriales.