📐 SVG a PNG

Convierte archivos SVG a PNG, JPG o WebP.

✨ Mira lo que puede hacer
Antes
Antes
🖼️
After — processed

Cómo Usar

1

Subir SVG

Suelta un archivo SVG o pega código SVG directamente.

2

Establecer Opciones

Elige formato de salida y factor de escala para alta resolución.

3

Convertir

El SVG se rasteriza al instante en tu navegador.

4

Descargar

Guarda tu archivo PNG, JPG o WebP.

Guía Detallada

Paso 1: Subir o Pegar SVG

Puedes subir un archivo .svg arrastrándolo a la zona de carga, o cambiar a la pestaña "Pegar Código SVG" y pegar el marcado SVG sin procesar. Esto es útil cuando tienes código SVG de Figma, Sketch, Adobe Illustrator o SVG escrito a mano.

Paso 2: Elegir Formato de Salida

Selecciona el formato de salida que se adapte a tus necesidades:

  • PNG: Lossless compression, supports transparency. Best for UI assets, logos, and icons.
  • JPG: Smaller file size, no transparency. Best for photos and complex graphics with many colors.
  • WebP: Modern format with excellent compression. Best for web use.

Paso 3: Establecer Factor de Escala

El factor de escala controla la resolución de salida:

  • 1x: Same pixel dimensions as the SVG width/height
  • 2x: Double resolution — perfect for retina displays (@2x assets)
  • 3x: Triple resolution — for high-DPI displays
  • 4x: Quadruple resolution — for print-quality output

Como SVG es un formato vectorial, ampliarlo no produce pérdida de calidad. Un SVG de 100×100 a escala 4x produce un PNG nítido de 400×400.

Paso 4: Descargar

Haz clic en Descargar para guardar la imagen rasterizada. El archivo se genera completamente en tu navegador — sin procesamiento en servidor.

Mejores Casos de Uso

  • UI/UX designers: Export SVG icons to PNG for Android/iOS app assets
  • Web developers: Convert inline SVG to static images for <img> tags or CSS background-image
  • Print designers: Convert SVG logos to high-res PNG (4x scale) for print materials
  • Presentations: Convert SVG charts/graphs to PNG for PowerPoint or Keynote
  • Social media: Convert SVG illustrations to PNG for Instagram/Facebook posts

Consejos Profesionales

  • For sharp @2x mobile app assets, set Scale Factor to 2x and output as PNG
  • If your SVG has transparency, use PNG format to preserve it
  • For smallest file size with good quality, use WebP format at 2x scale
  • SVG <text> elements may render differently across browsers — convert to PNG to lock in fonts
  • For print, use 4x scale + PNG for maximum quality
  • You can paste SVG code directly — great for quick one-off conversions without saving a file

Preguntas Frecuentes

No. Toda la conversión ocurre completamente en tu navegador usando la API Canvas. Tu archivo o código SVG nunca sale de tu dispositivo.
No hay un límite estricto. Sin embargo, SVGs muy grandes (ej., 2000×2000+ píxeles a escala 4x) pueden tardar más en renderizarse. La mayoría de SVGs de menos de 1 MB se convierten al instante.
Esto puede ocurrir si tu SVG usa recursos externos (imágenes vinculadas, fuentes) o estilos CSS no incrustados. Para mejores resultados, usa código SVG autocontenido.