Convertir SVG a PNG

Cómo convertir SVG a PNG

1. Suelta uno o varios archivos SVG en la zona de carga o haz clic en ella para elegirlos. También puedes abrir O pega código SVG, pegar el código y hacer clic en Añadir código SVG.
2. Elige el Tamaño de salida: - Factor de escala multiplica el tamaño propio del SVG (2 da una imagen el doble de ancha y el doble de alta); - Anchura (la altura se ajusta) o Altura (la anchura se ajusta) mantienen las proporciones; - Anchura y altura exactas fuerza ambas dimensiones; - Resolución (DPI) renderiza tamaños físicos como 2in o 50mm a los DPI elegidos.
3. Elige un Formato: PNG, JPG o WebP. JPG y WebP tienen además un control de Calidad.
4. En Fondo, deja Transparente o elige Color y define el Color de fondo.
5. Haz clic en Convertir a imagen. Cada archivo recibe una fila con una vista previa, su nuevo tamaño en píxeles y un botón Descargar. Descargar todo guarda los archivos uno a uno; Descargar ZIP los reúne en un solo archivo comprimido.

Cómo se calcula el tamaño

Un SVG describe formas, no píxeles, así que puede dibujarse nítido a cualquier tamaño. Su tamaño «natural» sale de los atributos width y height del elemento raíz <svg>. Si faltan, esta herramienta usa el viewBox (por ejemplo, viewBox="0 0 24 24" da 24 × 24), igual que los navegadores. Si el SVG no tiene ninguno de los dos, se usa el tamaño por defecto de los navegadores, 300 × 150.

Las longitudes en unidades físicas se convierten con la regla CSS de 96 píxeles por pulgada: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Por eso DPI (96 = tamaño original) indica 96: a 300 DPI, un icono declarado como width="1in" pasa a medir 300 píxeles de ancho, que es lo que espera una imprenta.

Con Anchura y altura exactas, un dibujo cuyas proporciones no coinciden con el recuadro se centra y se completa con márgenes, según la regla preserveAspectRatio del propio SVG; nunca se estira, salvo que el archivo lo pida.

Los navegadores no pueden crear un lienzo de más de unos 16,7 millones de píxeles (por ejemplo, 4096 × 4096). Si pides más, el tamaño se reduce a la imagen más grande que cabe y un mensaje te indica el tamaño final.

¿PNG, JPG o WebP?

• PNG no tiene pérdida y conserva la transparencia: la mejor opción para iconos, logotipos y diagramas.
• JPG no admite transparencia, así que las zonas transparentes se rellenan con el color de fondo. Úsalo para ilustraciones grandes en las que el peso del archivo importa más que unos bordes nítidos.
• WebP conserva la transparencia y suele pesar menos que PNG; todos los navegadores actuales lo muestran.

Seguridad y límites

Tu SVG nunca se inserta en la página. Se dibuja como una imagen simple desde una dirección blob privada, un modo en el que los navegadores no ejecutan scripts ni cargan nada más. Como consecuencia, las referencias externas no se cargan: las fuentes web de Google Fonts, las imágenes enlazadas por URL y los archivos CSS externos se ignoran, así que el texto puede aparecer con una fuente por defecto. Para mantener el aspecto exacto, convierte el texto en trazados en tu editor o incrusta las imágenes como data URI antes de convertir. Las fuentes instaladas en tu ordenador sí pueden usarse.

No se sube nada: el renderizado y la codificación se hacen en tu navegador.