Convertidor de SVG a PNG
Sube un archivo SVG y conviértelo a PNG con un solo clic, directamente en tu navegador usando canvas. Útil cuando necesitas una imagen rasterizada (de píxeles) a partir de un vector, por ejemplo para usar un logo SVG donde solo se aceptan imágenes convencionales. El archivo nunca se sube a ningún servidor.
How it works
- Selecciona un archivo .svg desde tu equipo con el selector de archivos.
- La conversión se inicia automáticamente al seleccionar el archivo.
- El navegador renderiza el SVG como imagen y lo dibuja en un <canvas> oculto al tamaño intrínseco definido en el propio archivo SVG.
- El canvas se recodifica como PNG con canvas.toBlob(), conservando la transparencia si el SVG la tiene.
- Se muestra una vista previa del resultado con sus dimensiones y peso, lista para descargar.
Use cases
- Convertir un logo o ícono vectorial a PNG para usarlo donde no se acepten archivos SVG.
- Generar una imagen estática a partir de un ícono SVG para insertarla en un documento o presentación.
- Obtener una versión PNG de una ilustración SVG para compartirla con alguien sin un visor de vectores.
- Preparar gráficos SVG exportados de un editor de diseño para usarlos en herramientas que solo aceptan formatos rasterizados.
Common mistakes
- Esperar que el PNG resultante tenga una resolución alta aunque el SVG no defina dimensiones explícitas.El PNG se genera al tamaño intrínseco con el que el navegador renderiza el SVG (definido por sus atributos width/height o su viewBox). Si el SVG no especifica un tamaño, el navegador puede usar un tamaño por defecto pequeño; para un resultado de mayor resolución, edita el SVG para que declare dimensiones más grandes antes de convertirlo, o usa el resultado como base y redimensiónalo con la herramienta de Redimensionar Imagen.
- Subir un SVG con referencias a fuentes o imágenes externas y esperar que se incluyan en el PNG.El navegador solo puede renderizar los recursos que puede cargar. Si el SVG referencia fuentes o imágenes externas que el navegador no logra descargar, por bloqueos de red o rutas locales, esos elementos pueden no aparecer en el PNG resultante. Usa SVG autocontenidos siempre que sea posible.
- Pensar que el PNG resultante seguirá siendo editable como vector.La conversión rasteriza el SVG: el PNG resultante es un mapa de píxeles fijo, no un formato vectorial, por lo que ya no se puede escalar sin pérdida ni editar sus formas individualmente.
Frequently asked questions
Alternatives
Editores como Inkscape, Illustrator o Figma permiten exportar un SVG a PNG con control total sobre la resolución de salida. Esta herramienta es útil para una conversión rápida sin abrir un editor: seleccionas el SVG y descargas el PNG en segundos, sin que el archivo salga de tu navegador.