Cómo convertir SVG a PNG
- Campamento base
Elige tus archivos SVG o arrástralos al recuadro de arriba.
- Campamento 1
Indica el ancho de salida en píxeles. Como el SVG es vectorial, puedes hacerlo tan grande como necesites sin que se vea borroso.
- Cumbre
Descarga los archivos PNG uno a uno o todos juntos en un ZIP.
SVG vs. PNG
| SVG | PNG | |
|---|---|---|
| Tipo | Vectorial (formas y trazados) | Mapa de bits (píxeles) |
| Se amplía sin perder nitidez | Sí, a cualquier tamaño | No, solo se puede reducir |
| Transparencia | Sí | Sí |
| Adecuado para fotos | No | Sí |
| Compatible con | Navegadores y programas de diseño | Prácticamente todo |
Un SVG no es realmente una imagen: es un pequeño archivo de texto que describe formas, líneas y colores. Por eso se ve nítido a cualquier tamaño y suele ocupar muy poco. Un PNG, en cambio, es una cuadrícula fija de píxeles. Al convertirlo tienes que decidir cuántos píxeles quieres, así que piensa dónde vas a usar la imagen y elige un tamaño al menos igual de grande que el que tendrá en pantalla.
Para un logotipo en una diapositiva bastan entre 1000 y 2000 píxeles de ancho. Para un favicon o el icono de una aplicación, genera la imagen a 512 px y redúcela a partir de ahí. Para imprimir, calcula unos 300 píxeles por cada pulgada de ancho impreso.
Cuando un SVG no se ve como esperabas
Los navegadores muestran los SVG como imágenes independientes, es decir, no cargan nada a lo que el SVG haga referencia en internet o en otra parte de tu disco: por motivos de seguridad, se omiten las fuentes externas, las imágenes enlazadas y las hojas de estilo. Si el texto aparece con otra fuente, conviértelo en contornos en tu programa de diseño antes de exportar el SVG. Las imágenes incrustadas directamente en el SVG funcionan con normalidad.
Preguntas frecuentes
¿Se sube mi SVG a algún sitio?
No. Tu navegador interpreta el SVG y crea el PNG en tu propio dispositivo. Nada sale de él.
¿De qué tamaño será el PNG?
De forma predeterminada, del tamaño definido en el propio archivo SVG. Si el SVG no indica ningún tamaño, se usan 1024 píxeles de ancho. Puedes escribir el ancho que quieras y el alto se ajusta según las proporciones originales.
¿El PNG conserva el fondo transparente?
Sí. Las zonas sin formas siguen siendo transparentes. Si prefieres un fondo sólido, desactiva la opción Fondo transparente y elige un Color de fondo.
¿Por qué el texto aparece con otra fuente?
Por seguridad, los navegadores no cargan las fuentes externas a las que hace referencia un SVG cuando se dibuja como imagen. Convierte el texto en contornos (trazados) en tu programa de diseño o incrusta la fuente en el SVG.
¿Hay un tamaño máximo?
Los navegadores limitan el tamaño del lienzo, normalmente a unos 16 000 píxeles por lado o, en el iPhone, a unos 16 millones de píxeles en total. La herramienta reduce la imagen para que quepa y te avisa cuando ocurre.
Guías relacionadas
- Cómo crear un favicon para tu webQué tamaños de icono necesitas, ICO, PNG o SVG, y el HTML que tienes que añadir a tu web.
Herramientas relacionadas
WEBP → PNG
Convierte imágenes WebP en archivos PNG sin pérdida y con la transparencia intacta.JPG → PNG
Convierte fotos JPEG a PNG sin pérdida para editarlas o subirlas.AVIF → PNG
Convierte imágenes AVIF en archivos PNG sin pérdida y con la transparencia intacta.HEIC → PNG
Guarda las fotos HEIC del iPhone como imágenes PNG sin pérdida para editarlas.ICO → PNG
Extrae imágenes PNG de favicons e iconos de Windows, con todos sus tamaños.PDF → PNG
Guarda cada página de un PDF como imagen PNG nítida, con fondo transparente opcional.