Conversor de SVG a PNG gratis
Convierte archivos SVG o código pegado a PNG, JPG o WebP a cualquier escala o tamaño exacto, con un fondo transparente o coloreado y descarga ZIP por lotes.
Cargando herramienta…
Cómo convertir SVG a PNG, JPG o WebP a cualquier tamaño
Muchas aplicaciones, redes sociales, documentos de oficina y clientes de correo electrónico no pueden mostrar SVG, por lo que necesita una copia PNG o JPG. Debido a que SVG es un formato vectorial, se puede renderizar en cualquier resolución sin desenfoque. Este convertidor lee el ancho, la altura y la vista de SVG, limpia el marcado con DOMPurify para que se eliminen scripts y recursos externos, y permite que tu navegador lo dibuje al tamaño que elige.
- Añadir uno o más archivos.svg, o pegar código SVG y selecciona Añadir SVG pegado.
- Comprueba el tamaño intrínseco mostrado para cada archivo, que se lee desde su ancho, altura y vistaBox.
- Elige el tamaño de salida: una escala como 2× o 4×, una anchura o altura que mantiene las proporciones, o una anchura y altura exactas.
- Elige PNG, JPG o WebP, establece la calidad para JPG y WebP, y elige un fondo transparente o de color.
- Selecciona Convertir, revisar las vistas previas y descargar una sola imagen o todas las imágenes como un ZIP.
Por qué y cuándo convertir SVG a PNG
SVG es el formato maestro ideal para logotipos, iconos, gráficos e ilustraciones, pero muchos lugares todavía necesitan imágenes raster. Perfiles de redes sociales, listados de mercado, documentos de oficina, software de diapositivas, algunos clientes de correo electrónico y aplicaciones antiguas aceptan PNG o JPG, pero no SVG. Las tiendas de aplicaciones piden iconos en tamaños de píxeles fijos, y las tiendas de impresión a menudo solicitan PNGs de alta resolución. Convertir desde el SVG te da una imagen nítida exactamente a la resolución que necesitas, en lugar de ampliar un pequeño mapa de bits.
Este convertidor maneja un archivo o un lote de hasta 50, que es útil para exportar un icono completo establecido en 2× para un sitio web o convertir una carpeta de diagramas en PNGs para un informe. A diferencia del SVG Viewer & Optimizer, que muestra y limpia el código SVG, esta herramienta produce archivos de raster descargables en PNG, JPG o WebP.
Ejemplo trabajado: un dibujo A4 y un icono
Supongamos que un SVG declara ancho="210mm" alto="297mm", el tamaño de una página A4. SVG utiliza unidades CSS, donde una pulgada es igual a 96 píxeles y 25,4 milímetros hacen una pulgada, por lo que el tamaño intrínseco es de 793,7 × 1122,5 píxeles. A una escala de 2× el PNG es de 1587 × 2245 píxeles. Para imprimir a 300 píxeles por pulgada, selecciona Establecer ancho e introducir 2480; manteniendo las proporciones da 2480 × 3507 píxeles. Sin comprimir en la memoria, la imagen de 2× solo es 1587 × 2245 × 4 bytes, alrededor de 14,3 MB, por lo que las exportaciones muy grandes pueden fallar en los teléfonos.
Los iconos a menudo tienen sólo una vistaBox, como viewBox="0 0 24 24" sin anchura o altura. El tamaño intrínseco es entonces 24 × 24, y el ancho de serie 512 produce un PNG 512 × 512. Un logotipo ancho con ancho="120" y vistaBox="0 0 300 100" tiene un tamaño intrínseco de 120 × 40. Exportarlo en un exacto 512 × 512 mantiene las proporciones por defecto: el dibujo se convierte en 512 × 170.7 píxeles, centrado con una banda vacía de aproximadamente 170,7 píxeles por encima y por debajo. Tick Stretch para llenar sólo si quieres distorsionar el cuadrado completo.
Cómo funciona la conversión
Primero se limpia el SVG con DOMPurify. Se eliminan los scripts, los atributos de gestor de eventos, las páginas web integradas, los enlaces y las referencias a archivos externos, mientras que las imágenes de datos y referencias internas integradas, como los gradientes, permanecen. El tamaño se lee a partir de los atributos de anchura y altura, convertidos de unidades como mm, cm, in, pt y pc, o tomados de la vistaBox cuando el tamaño falta o dado como porcentaje. Si no existe ninguno, los navegadores utilizan 300 × 150 píxeles, y también lo hace esta herramienta.
El SVG limpiado se le da el ancho y la altura de salida exactas, cargado en un elemento de imagen y dibujado en un lienzo, con el color de fondo llenado primero si usted elige uno. El lienzo está codificado como PNG, JPG o WebP por tu navegador. Las exportaciones están limitadas a 16.384 píxeles por lado y 64 megapíxeles en total. Varios resultados se empaquetan en un archivo ZIP, con nombres duplicados numerados automáticamente.
Errores comunes
Las fuentes son la sorpresa clásica. Un SVG que se refiere a una fuente web o una fuente instalada en el ordenador del diseñador se dibuja con una fuente de reserva en el suyo, por lo que el texto puede cambiar de forma o anchura. Convierte texto a contornos (rutas) en su aplicación de diseño antes de exportar el SVG. Las imágenes externas enlazadas tampoco están cargadas; incorpórenlas en el SVG en su lugar.
Elegir JPG para obras de arte con transparencia es otro desliz común: JPG no puede almacenar la transparencia, por lo que las áreas transparentes se llenan con el color de fondo que elige. Usa PNG o WebP para mantener bordes transparentes. Finalmente, exportar pequeños SVG a 1× a menudo parece suave en pantallas de alta densidad; exportar al tamaño mostrado multiplicado por 2 o 3.
Consejos útiles y limitaciones
- Para los iconos de aplicaciones nítidas y pantallas de retina, exportar a 2× o 3× el tamaño de la imagen se mostrará en.
- Si el texto se ve diferente de tu aplicación de diseño, convierte el texto a contornos antes de exportar el SVG, porque las fuentes web referenciadas por el archivo no se cargan.
- Usa WebP para páginas web cuando desee transparencia con archivos más pequeños que PNG.
- Comprueba la línea de tamaño intrínseco debajo de cada archivo; explica cuando un porcentaje de ancho fue ignorado o el 300 × 150 predeterminado se utilizó.
Preguntas frecuentes
¿El convertidor SVG a PNG mantiene la transparencia?
Sí, para PNG y WebP con Transparent seleccionado. JPG no tiene transparencia, por lo que un color de fondo siempre se rellena.
¿Qué tan grande puedo exportar un SVG como PNG?
Hasta 16.384 píxeles a cada lado y 64 megapíxeles en total. Algunos teléfonos y tabletas tienen límites de lienzo más bajos, así que elijas un tamaño más pequeño si una exportación falla.
¿Se ejecutan los scripts en un archivo SVG durante la conversión?
No. Los scripts, manejadores de eventos, páginas web incrustadas y enlaces a archivos externos son despojados antes de que el SVG sea dibujado como imagen.
¿Por qué mi SVG se convierte a 300 × 150 píxeles?
El archivo no tiene ancho, altura ni vistaBox utilizables, por lo que se aplica el navegador por defecto. Elige Ancho y altura exactos, o agrega una vistaBox al SVG.
¿Puedo convertir SVG a JPG con fondo blanco?
Sí. Elige JPG; el color de fondo, blanco por defecto, llena las áreas transparentes. Puedes elegir cualquier otro color.
¿Se mantendrán animaciones en el SVG?
No. El convertidor captura un único marco fijo del SVG tal como aparece primero. Las animaciones y funciones interactivas no forman parte del archivo PNG, JPG o WebP.
Los archivos SVG y el código pegado se convierten en este navegador y no se cargan a ToolWorld Online. Guarda tus descargas antes de cerrar la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online