Conversor de SVG a PNG
Convierte SVG a PNG en tu navegador a cualquier escala o con ancho o alto exactos, con fondo transparente o de color. Admite SVG que solo tienen viewBox.
Las imágenes, fuentes y hojas de estilo externas del SVG no se cargan al renderizarlo como imagen; incrústalas o convierte el texto en trazados antes.
Se ejecuta completamente en tu navegador. Tus datos nunca se suben.
¿Qué es SVG a PNG?
Esta herramienta renderiza un gráfico vectorial SVG como imagen PNG. Sube un archivo .svg o pega código SVG, elige un factor de escala (1×–4× o cualquier valor) o un ancho o alto fijos, y mantén el fondo transparente o rellénalo con un color. El vector se vuelve a renderizar al tamaño de destino, así que el PNG se ve nítido a cualquier resolución.
Cómo usar SVG a PNG
- Suelta o elige un archivo SVG, o pega el marcado SVG en Código SVG.
- Revisa el Tamaño intrínseco detectado (de width/height, del viewBox o el valor por defecto de 300×150).
- En Tamaño de salida, elige un factor de escala o un ancho/alto fijos e introduce el valor.
- Deja activado Fondo transparente, o desmárcalo y elige un color de fondo.
- Descarga el PNG (con un nombre como
logo@2x.png).
Ejemplo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> at scale 2
48×24 PNG, solid red (intrinsic size 24×12 taken from the viewBox)
Cuándo usar SVG a PNG
Úsalo para producir iconos, logotipos o ilustraciones PNG para apps, redes sociales, documentos o plataformas que no aceptan SVG. Sigue usando SVG en la web cuando puedas: ocupa menos y no depende de la resolución. Los SVG que dependen de fuentes o imágenes externas se renderizarán sin ellas.
Cómo funciona SVG a PNG
La herramienta lee los atributos width, height y viewBox del elemento raíz <svg> para calcular el tamaño intrínseco (las unidades absolutas como pt, mm e in se convierten a px; los porcentajes recurren al viewBox). Después reescribe el elemento raíz con el ancho y alto de destino exactos (añadiendo un viewBox si falta para que el dibujo escale), lo carga como imagen y lo dibuja en un canvas de ese tamaño, de modo que los vectores se rasterizan a resolución completa en lugar de ampliarse desde un mapa de bits pequeño.
Casos de Uso Comunes
- Exportar un logotipo SVG a 2× y 3× para los recursos de una app móvil.
- Crear un icono PNG de 512×512 a partir de un SVG para una ficha de tienda de apps.
- Convertir un gráfico SVG a PNG para una presentación o un documento de Word.
- Hacer un PNG con fondo blanco para plataformas que muestran la transparencia en negro.
Nota de Seguridad
Las imágenes se decodifican, procesan y codifican en local en tu navegador con la API Canvas. No se sube nada a ningún servidor. El SVG se renderiza como imagen, así que los scripts incrustados no se ejecutan.
Preguntas Frecuentes
Mi SVG no tiene width ni height. ¿Qué tamaño tendrá el PNG?
Se usan el ancho y el alto del viewBox como tamaño intrínseco. Si tampoco hay viewBox, los navegadores usan 300×150, y la herramienta te lo indica.
¿Por qué mi texto sale con otra fuente?
Los SVG renderizados como imagen no pueden cargar fuentes externas. Convierte el texto en trazados en tu editor o incrusta la fuente como data URI.
¿Qué tamaño puede tener el PNG?
Tanto como permita el canvas de tu navegador. Si pides más, la herramienta reduce la salida y muestra un aviso.