Guía

¿Cómo convertir un SVG a PNG?

Cuatro formas de pasar un SVG a PNG: en el navegador, Inkscape, Canva o una app de diseño. Mantén el fondo transparente y elige el tamaño justo para imprimir.

Original SVG OriginalSVG Probar este ejemplo
Respuesta corta

Abre el SVG en un conversor o una app de diseño y expórtalo como PNG al tamaño que necesites: unos 2.000 px para pantallas, o el ancho de impresión en pulgadas × 300 para imprimir. Usa PNG (no JPG) y no pongas color de fondo si quieres transparencia.

Los archivos SVG son perfectos para logos y archivos de corte, pero muchos sitios piden un PNG: anuncios de Etsy, herramientas de mockups, presentaciones, imprentas e Imprimir y luego cortar. La buena noticia es que un SVG se puede convertir en PNG a cualquier tamaño sin perder nitidez, porque se dibuja a partir de formas y no de píxeles. Aquí tienes cuatro formas de hacerlo, de la más rápida a la más manual.

Método 1: en el navegador (el más rápido)

  1. Abre el conversor de SVG a PNG de Vectacle y suelta uno o más archivos SVG (o pega código SVG).
  2. Elige el tamaño: 1×, 2× o 4× el tamaño propio del SVG, un ancho exacto en píxeles, o un tamaño de impresión en pulgadas (1 pulgada = 2,54 cm) a 150, 300 o 600 DPI.
  3. Elige el fondo: Transparente, Blanco o cualquier color.
  4. Haz clic en Descargar, o en Descargar todo para obtener un ZIP.

La conversión se hace en tu propio equipo, así que los logos privados y los archivos de clientes no se suben a ningún sitio.

Método 2: Inkscape (app de escritorio gratuita)

  1. Abre el SVG en Inkscape.
  2. Abre Archivo › Exportar (File › Export) (Shift+Ctrl+E).
  3. Elige Página (Page) o Dibujo (Drawing), ajusta los DPI o el ancho en píxeles, elige PNG como formato y haz clic en Exportar (Export).

Inkscape mantiene la transparencia por defecto. Para tener un fondo blanco, primero pon un color de fondo de página en Propiedades del documento (Document Properties).

Método 3: Canva

Sube el SVG en la pestaña Subidos (Uploads), añádelo a un diseño con el tamaño que necesites y descárgalo como PNG. El fondo transparente forma parte de los planes de pago de Canva; en el plan gratuito, el PNG lleva el color de fondo del diseño.

Método 4: la app con la que se hizo el SVG

Si el SVG viene de Illustrator, Affinity Designer o Figma, expórtalo desde ahí: en Illustrator, Archivo › Exportar › Exportar como › PNG (File › Export › Export As › PNG); en Affinity, File › Export (exportar); o el panel Export de Figma. Dan la misma calidad; solo son más lentos si necesitas una conversión rápida.

¿Cómo convertir SVG a PNG sin perder calidad?

La calidad solo se pierde cuando el PNG tiene muy pocos píxeles para donde se muestra. Un SVG no tiene una resolución fija, así que eliges el tamaño en píxeles al convertir: unos 2.000 px de ancho para pantallas, o el ancho de impresión en pulgadas × 300 para imprimir. En el conversor de SVG a PNG de Vectacle elige 4×, un ancho exacto o un tamaño de impresión con DPI; el PNG se dibuja de nuevo a ese tamaño, así que los bordes siguen nítidos.

¿Cómo convertir SVG a PNG a un tamaño concreto?

  • Píxeles exactos: elige Ancho en px y escribe el ancho; el alto sigue las proporciones del SVG.
  • Tamaño de impresión: elige Tamaño de impresión, escribe el ancho en pulgadas y elige 150, 300 o 600 DPI. Los DPI se guardan en el PNG, así que las imprentas ven el tamaño previsto.
  • Relativo: 1×, 2× o 4× el tamaño propio del SVG, práctico para iconos y pantallas retina.

¿Cómo mantener el fondo transparente?

Guarda como PNG (el JPG no puede ser transparente) y no añadas color de fondo. Las zonas vacías del SVG se quedan transparentes. Si necesitas un fondo sólido, elige Blanco o cualquier color.

¿Cómo guardar un SVG como PNG en Windows o Mac?

La mayoría de los equipos no tienen una opción sencilla integrada para “guardar SVG como PNG”. La forma más fácil en Windows, Mac y Chromebook es un conversor en el navegador (Método 1), que funciona igual en todas partes. Inkscape (Método 2) funciona sin conexión en Windows, macOS y Linux.

Cómo elegir el tamaño adecuado

UsoTamaño recomendado
Imagen de anuncio en EtsyUnos 2.000–3.000 px en el lado largo
Web o publicación en redes sociales1.080–2.000 px de ancho
ImpresiónAncho de impresión en pulgadas × 300 (por ejemplo, 8 pulg. × 300 = 2.400 px)
Pegatinas con Imprimir y luego cortarEl tamaño de la pegatina en pulgadas a 300 DPI, con fondo transparente

Solución de problemas

  • El texto se ve distinto: el texto de un SVG usa las fuentes por su nombre. Si la fuente no está instalada donde conviertes, se usa una parecida. Convierte el texto en contornos antes de guardar el SVG.
  • Faltan partes: algunos SVG enlazan a imágenes externas que no están incluidas en el archivo. Incrusta las imágenes en la app de diseño antes de exportar el SVG.
  • Los bordes se ven dentados: el PNG es demasiado pequeño para donde se muestra. Expórtalo más grande.

¿Quieres hacerlo al revés? Vectacle también convierte PNG a SVG.

¿Necesitas un PDF para una imprenta? SVG a PDF crea un PDF realmente vectorial al tamaño del diseño, en A4, Letter o una página personalizada.

Preguntas

¿Se pierde calidad al convertir SVG a PNG?

Solo si el PNG es demasiado pequeño. Un SVG se puede dibujar a cualquier tamaño, así que elige suficientes píxeles para donde vayas a usar el PNG: unos 2.000 px para pantallas, o el tamaño de impresión por 300 DPI para imprimir.

¿Cómo mantengo el fondo transparente?

Guarda como PNG (el JPG no puede ser transparente) y no añadas color de fondo. En la herramienta SVG a PNG de Vectacle, Transparente es la opción por defecto.

¿Puedo convertir varios archivos SVG a PNG a la vez?

Sí. Suelta varios SVG en el conversor; se aplica a todos el mismo tamaño y fondo, y puedes descargarlos juntos en un ZIP.

¿Qué resolución necesito para imprimir?

Multiplica el tamaño de impresión en pulgadas por 300. Una impresión de 4 × 6 pulgadas necesita 1.200 × 1.800 píxeles. La opción Tamaño de impresión de Vectacle lo calcula por ti y guarda los DPI en el archivo.

Fuentes: MDN: SVG · MDN: Image file types

Más guías