Conversor SVG a PNG / JPG

Qué hace este conversor

SVG es genial para logos e iconos porque escala sin difuminar, pero muchas plataformas siguen exigiendo un archivo ráster: envío de icono de app, subida a redes sociales, imágenes incrustadas en email, fondos del sistema. Esta herramienta toma cualquier SVG — archivo o código pegado — y lo rasteriza a PNG (con transparencia opcional) o JPG (con fondo forzado) a la resolución que elijas. Selecciona 1×, 2× o 4× el tamaño natural del SVG, o establece un ancho personalizado en píxeles y la altura se calcula manteniendo la proporción. Toda la cadena se ejecuta en tu navegador con un <canvas>: tu SVG nunca sale de esta pestaña. Eso importa para activos de marca propietarios, diseños no lanzados o cualquier archivo que no puedas entregar a un servicio web cualquiera. La vista previa se actualiza en vivo según cambias opciones, así que ves cómo afectan fondo y resolución al resultado antes de descargar. También hay un modo JPG para casos en que quieres el archivo más pequeño posible y no necesitas transparencia — cards sociales y miniaturas densas, sobre todo.

Cómo usarlo

1. Aporta el SVG — Suelta un archivo o pega el código. El SVG debe incluir viewBox o atributos width/height; si no, el navegador no sabe a qué tamaño dibujarlo.
2. Elige escala y formato — 1× es el tamaño nominal del SVG. 2× es ideal para retina. 4× para impresión. Personalizada apunta a un ancho exacto, como 1200px para imágenes OG.
3. Define el fondo — Transparente solo funciona en PNG. JPG necesita fondo sólido — blanco es el predeterminado seguro, pero elige algo que combine con el arte.
4. Descarga — Pulsa descargar. El PNG se genera localmente y se guarda con un nombre razonable — sin viaje al servidor.

Qué ocurre por dentro

Codificamos el código SVG en base64 dentro de una URL data:image/svg+xml;base64 y la asignamos a un HTMLImageElement. Cuando el navegador parsea y maqueta el SVG, lo dibujamos en un canvas con el tamaño de la resolución elegida — el navegador se encarga de la rasterización, así que el resultado coincide con lo que Chrome o Safari renderizarían. El canvas se codifica luego a PNG (sin pérdidas) o JPG (con pérdidas, calidad 92). Ancho y alto salen del viewBox o atributos explícitos; la proporción siempre se preserva.

Cuándo elegir PNG o JPG

Usa PNG para logos, iconos y arte con bordes vivos o texto — la compresión sin pérdidas mantiene las líneas nítidas y puedes preservar transparencia. Usa JPG solo para SVG tipo foto o casos donde quieras el archivo más pequeño posible y un fondo sólido sea aceptable. La compresión por bloques de JPG estropea líneas finas y degrada zonas de color plano, así que rara vez es la opción correcta para arte vectorial.

Preguntas frecuentes