Saltar al contenido

Convertir SVG a PNG y PNG a SVG

Convierte archivos SVG a PNG nítido en cualquier tamaño, o vectoriza un PNG o JPG como SVG, con la conversión ejecutándose en tu navegador.

Suelta archivos SVGo haz clic para buscar · pega código SVG con Ctrl+V
Elegir SVGProcesado en tu dispositivo, nunca se sube
Se ejecuta en tu navegador · sin subir archivosCómo funciona

Cómo usar Conversor SVG ↔ PNG

  1. 1

    Carga el SVG

    Suelta uno o varios archivos .svg, pega código SVG en cualquier parte de la página o escríbelo en el cuadro de código y pulsa Renderizar SVG.

  2. 2

    Elige el tamaño de salida

    Elige 1×, 2×, 4× u 8× el tamaño original del SVG, o escribe un ancho exacto de hasta 16 384 píxeles; el alto se ajusta solo.

  3. 3

    Elige formato y fondo

    PNG conserva el fondo transparente; JPG y WebP incluyen un control deslizante de calidad, y cualquier formato se puede rellenar con un color.

  4. 4

    Descarga

    Guarda el PNG, con el nombre del archivo y su tamaño, como logo-512x512.png, o todos los archivos a la vez como svg-to-png.zip.

Límites y Pro

SVG a PNG: tantos archivos SVG como quieras, cada uno exportado hasta 16 384 px por lado y 120 megapíxeles. PNG a SVG: una imagen de hasta 25 MB cada vez.

Pro eleva el límite de entrada de PNG a SVG a archivos de hasta 4 GB. Ver Pro

Acerca de Conversor SVG ↔ PNG

SVG a PNG convierte gráficos vectoriales en imágenes de píxeles normales. El propio motor SVG del navegador dibuja el archivo directamente al tamaño que pidas, así que una exportación a 8× de un icono de 64 píxeles da una imagen nítida de 512 píxeles y no una versión ampliada y borrosa. El tamaño de salida se toma de los atributos width y height del SVG, convirtiendo unidades como mm, pt o in a 96 píxeles por pulgada, o de su viewBox cuando no se indica ningún tamaño. La salida PNG conserva la transparencia alfa completa y se optimiza sin pérdida con OxiPNG; JPG no admite transparencia y se rellena de blanco, salvo que elijas otro color. La vista previa se actualiza al cambiar los ajustes, así que ves el resultado exacto antes de descargar.

Necesitas un PNG allí donde no se acepta SVG: redes sociales y aplicaciones de mensajería, versiones antiguas de Word y PowerPoint, firmas de correo, fichas de tiendas de aplicaciones y muchos creadores de sitios web. Exportar a 2× o 4× también da imágenes nítidas para pantallas de móviles de alta densidad.

Como el SVG se renderiza como una imagen independiente, no puede descargar nada de internet: las imágenes enlazadas y las fuentes web referenciadas por URL no se cargan, y el texto usa una fuente instalada en tu dispositivo. Antes de exportar, incrusta las fuentes y las imágenes como URI de datos o convierte el texto en contornos. Los scripts y las animaciones no se ejecutan, así que obtienes un único fotograma fijo. La pestaña PNG a SVG hace lo contrario: vectoriza una imagen en trazados vectoriales.

Privacidad

El renderizado se hace con el motor SVG integrado de tu navegador y la imagen se codifica con códecs WebAssembly de jSquash en un Web Worker de esta pestaña, que se cargan desde este sitio solo después de añadir un archivo. El código SVG y las imágenes exportadas se quedan en tu dispositivo; no se sube nada y el propio renderizador no puede hacer solicitudes de red en nombre del SVG.

Características

Nítido a cualquier tamaño

Los vectores se vuelven a renderizar a la resolución de salida: exporta a 1×, 2×, 4×, 8× o a un ancho exacto en píxeles.

Fondo transparente

PNG y WebP conservan la transparencia; o rellena el fondo con el color que quieras.

Pega código SVG

Pega el código directamente desde tu editor o herramienta de diseño, sin necesidad de archivo.

Exportación por lotes

Convierte un conjunto entero de iconos con los mismos ajustes y descarga un ZIP.

También PNG a SVG

Cambia de pestaña para vectorizar un logotipo PNG o JPG en trazados vectoriales limpios.

Conversor SVG ↔ PNG: preguntas frecuentes

¿Cómo convierto un SVG a PNG con fondo transparente?
Deja el formato en PNG y el Fondo en transparente, que son los valores predeterminados, y descarga. Todas las zonas que el SVG no pinta quedan totalmente transparentes en el PNG, y los rellenos semitransparentes y los bordes suaves conservan sus valores alfa. JPG no puede guardar transparencia, así que con JPG las zonas vacías se rellenan de blanco o del color que elijas en Fondo.
¿A qué tamaño debo exportar mi SVG?
Para un sitio web, exporta al doble del tamaño en que se mostrará, por ejemplo 600 píxeles de ancho para un espacio de 300, y así se verá nítido en pantallas de alta densidad. Los iconos de aplicaciones y las fichas de tiendas suelen pedir 512 o 1024 píxeles en cuadrado. Para imprimir, multiplica el ancho en pulgadas por 300. Como el vector se vuelve a dibujar en cada tamaño, las exportaciones grandes nunca se ven borrosas, solo más grandes.
¿Por qué las fuentes o imágenes de mi SVG se ven mal?
Un SVG dibujado como imagen no puede descargar nada, así que faltan las fuentes enlazadas desde Google Fonts u otro servidor y las imágenes referenciadas por URL; el texto usa una fuente instalada en tu dispositivo. Abre el archivo en tu aplicación de diseño y convierte el texto en contornos o trazados, o incrusta las fuentes e imágenes como datos base64; luego exporta de nuevo el SVG y renderízalo aquí.
¿Puedo convertir varios archivos SVG a la vez?
Sí. Suelta tantos archivos SVG como quieras; aparecen en una lista y se muestra la vista previa del seleccionado. Los ajustes de tamaño, formato y fondo se aplican a todos, así que un conjunto completo de iconos se puede exportar a 4× de una sola vez. El botón de descarga crea entonces svg-to-png.zip, con cada PNG con el nombre de su archivo de origen y su tamaño final en píxeles.
¿Por qué el PNG tiene un tamaño distinto del esperado?
El tamaño base sale de los atributos width y height del SVG, convertidos a píxeles a 96 por pulgada, y la escala lo multiplica. Si el SVG solo tiene viewBox, se usan sus números como píxeles; si no tiene ninguno, los navegadores asumen 300 × 150. Para obtener un resultado exacto sin importar el archivo, elige la opción px y escribe el ancho que necesitas; el alto mantiene las proporciones.

Otras tareas con esta herramienta

Todo en herramientas de imagen