Convierte SVG a PNG en cualquier tamaño, en tu navegador
Suelta archivos SVG o pega código SVG, elige una escala o un ancho en píxeles y obtén PNG nítidos que conservan su transparencia. Cada SVG se dibuja en tu propio navegador, así que no se sube nada.
- Sin subida: funciona en tu navegador
- Gratis, sin cuenta
- Lee archivos SVG o código pegado
- Hasta 20 archivos, 20 MB cada uno
Tamaño
1× es el tamaño que el propio SVG indica. Cada archivo se convierte con los ajustes activos cuando empieza, así que un cambio aquí también se aplica a los archivos que siguen esperando en la lista.
Escala
Cualquier número mayor que 0, como 1,5 o 0,5.
O fija un lado en píxeles
Indica un ancho o un alto; el otro lado sigue la forma de cada SVG.
Salida máxima: 16384 px por lado y, como mucho, 8192 × 8192 px de área.
Suelta archivos SVG aquí o haz clic para buscarlos
Se aceptan: SVG.
Hasta 20 archivos, 20 MB por archivo
Cómo convertir SVG a PNG
Elige el tamaño
Elige una escala, como 2×, o fija un ancho o un alto en píxeles. 1× es el tamaño que el propio SVG indica, y la tabla de abajo recoge anchos habituales para iconos e imágenes.
Añade archivos o código SVG
Suelta hasta 20 archivos SVG, o abre «Pegar código» y pega el marcado. Cada uno se dibuja al tamaño elegido, uno tras otro, y puedes seguir añadiendo mientras avanzan.
Descarga los PNG
Guarda cada PNG por separado, con su tamaño en píxeles en el nombre, o todos juntos en un ZIP. Lo que era transparente en el SVG sigue siéndolo en el PNG.
Tamaños de SVG a PNG para iconos e imágenes
Primero van los favicons y los iconos de apps, los tamaños pequeños en los que más importan la transparencia y los bordes nítidos de un PNG, y después anchos mayores para páginas web e impresión. Son usos comunes, no la norma de ninguna plataforma, así que comprueba el tamaño que pide el sitio al que lo subes. Elige una fila y el conversor usa su ancho.
| Ancho | Uso habitual | Aplicar este ancho en el conversor |
|---|---|---|
| 16 px | El tamaño clásico de favicon para la pestaña del navegador. | |
| 32 px | Un favicon para pantallas de alta densidad y barras de marcadores. | |
| 48 px | Un favicon más grande que se suele incluir para los accesos directos del escritorio. | |
| 180 px | El tamaño habitual del icono de la pantalla de inicio en iPhone y iPad (apple-touch-icon). | |
| 192 px | Un icono habitual del manifiesto de una aplicación web, el que se ve en la pantalla de inicio de Android. | |
| 512 px | El icono grande del manifiesto de una aplicación web, que también se usa al instalarla y en la pantalla de bienvenida. | |
| 1024 px | Un logo o una ilustración nítidos para páginas web, documentos y presentaciones. | |
| 2048 px | Gráficos para pantallas de alta densidad e impresiones pequeñas. | |
| 4096 px | Impresiones grandes y banners. Con este ancho, solo un SVG más de cuatro veces más alto que ancho supera el límite de tamaño. |
16 px
El tamaño clásico de favicon para la pestaña del navegador.
32 px
Un favicon para pantallas de alta densidad y barras de marcadores.
48 px
Un favicon más grande que se suele incluir para los accesos directos del escritorio.
180 px
El tamaño habitual del icono de la pantalla de inicio en iPhone y iPad (apple-touch-icon).
192 px
Un icono habitual del manifiesto de una aplicación web, el que se ve en la pantalla de inicio de Android.
512 px
El icono grande del manifiesto de una aplicación web, que también se usa al instalarla y en la pantalla de bienvenida.
1024 px
Un logo o una ilustración nítidos para páginas web, documentos y presentaciones.
2048 px
Gráficos para pantallas de alta densidad e impresiones pequeñas.
4096 px
Impresiones grandes y banners. Con este ancho, solo un SVG más de cuatro veces más alto que ancho supera el límite de tamaño.
No se indican altos porque cada SVG conserva su propia forma: un icono cuadrado sale cuadrado, y un logo el doble de ancho que de alto sale con un alto de la mitad del ancho.
Qué decide cómo sale el PNG
Un SVG no tiene píxeles hasta que algo lo dibuja. Tres cosas deciden cómo queda el PNG: el tamaño al que se dibuja, cómo fijas ese tamaño y las fuentes con las que se dibuja su texto.
Formas SVGPíxeles PNG Entran formas, salen píxeles
Un SVG describe formas, así que es nítido a cualquier tamaño. Un PNG es una cuadrícula fija de píxeles: si lo amplías después, sus bordes se ablandan o se pixelan. El tamaño al que conviertes es lo más nítido que el PNG va a ser nunca.
Convierte al tamaño más grande al que lo vayas a mostrar, en lugar de ampliar el PNG después.
EscalaAncho Una escala o un ancho exacto
Una escala multiplica el tamaño que indica el SVG, así que un icono de 24 × 24 a 4× pasa a 96 × 96. Un ancho o un alto fija ese lado en píxeles, y el otro lado sigue la forma del SVG, sea cual sea el tamaño que indique.
Usa una escala para un juego de iconos dibujados sobre la misma cuadrícula; usa un ancho cuando el PNG tenga que llenar un hueco conocido.
Fuente disponibleFuente ausente Texto y fuentes
El texto de un SVG es solo una serie de letras hasta que una fuente lo dibuja, y el PNG conserva, píxel a píxel, la fuente que lo dibujó. Se usa una fuente instalada en este dispositivo o incrustada en el SVG; una fuente que el SVG enlaza desde la web no se carga, así que otra ocupa su lugar.
Para un logo o un icono con letras, convierte el texto en contornos en tu programa de diseño antes de exportar el SVG.
Cómo acertar con el texto y el tamaño
La mayoría de las sorpresas vienen del texto. El SVG se dibuja igual que un navegador muestra una imagen SVG: se usa una fuente instalada en este dispositivo, y también una fuente incrustada en el SVG como datos. Una fuente que el SVG solo enlaza, como una hoja de estilos de fuentes web, no se descarga, así que el texto pasa a otra fuente y puede cambiar de ancho o partirse en otro sitio.
El texto convertido en contornos nunca tiene este problema. Antes de exportar desde tu programa de diseño, convierte el texto en contornos (trazados) o incrusta la fuente. Las imágenes que el SVG enlaza se omiten por el mismo motivo, y la fila del archivo en la lista lo avisa cuando ocurre.
PNG conserva la transparencia, que es lo que necesita un logo o un icono que se coloca sobre fondos distintos. Si el sitio al que lo subes pide un JPG, o las zonas transparentes deben quedar de un solo color, convierte el SVG a JPG y elige allí el color de fondo.
Una ilustración con mucho detalle a gran tamaño puede dar un PNG de varios megabytes, porque PNG guarda cada píxel tal cual. Si tiene que quedar por debajo de un límite de subida, comprímelo a un tamaño de archivo objetivo después de convertirlo.
Límites que conviene conocer
- Lee archivos SVG y código SVG pegado: hasta 20 por lote y 20 MB por archivo o por pegado.
- El PNG puede medir hasta 16384 px por lado y 8192 × 8192 px de área. Un tamaño mayor se rechaza antes de dibujar nada.
- Un SVG animado se convierte en un único instante fijo, elegido por el navegador. La animación no se conserva.
- Un SVG con HTML dentro (un elemento foreignObject) no se puede guardar como PNG en Chrome, Edge ni Safari. Firefox sí puede.
Preguntas frecuentes sobre SVG a PNG
¿Se suben mis archivos SVG a un servidor?
No. Cada SVG se lee, se dibuja y se guarda como PNG en tu navegador, y no se sube, guarda ni envía ningún archivo ni código. La página sí descarga su propio código sobre la marcha, como la biblioteca ZIP la primera vez que descargas un ZIP, pero tus SVG nunca forman parte de eso. Tampoco se descargan las imágenes ni las fuentes que enlaza un SVG.
¿Por qué el texto de mi PNG se ve diferente?
El texto se dibuja con una fuente en el momento de la conversión. Se usa una fuente instalada en este dispositivo o incrustada en el SVG, pero una fuente que el SVG enlaza desde la web no se carga, así que una fuente alternativa ocupa su lugar. Para que las letras salgan exactas, convierte el texto en contornos antes de exportar el SVG, o incrusta la fuente en él.
¿Cómo consigo un PNG de alta resolución a partir de un SVG?
Elige una escala mayor, como 4×, o escribe el ancho que necesitas en píxeles. El SVG se dibuja de nuevo a ese tamaño, así que el PNG queda nítido a cualquier tamaño hasta 16384 px por lado y 8192 × 8192 px de área. Ampliar después un PNG pequeño no puede devolverle ese detalle.
¿El PNG conserva el fondo transparente?
Sí. Todo lo que el SVG deja transparente sigue siendo transparente en el PNG, y no se pinta nada detrás. Si prefieres un fondo sólido, usa el conversor de SVG a JPG, donde eliges el color.
¿Por qué me sale un error sobre contenido HTML?
El SVG contiene un elemento foreignObject, que mete HTML dentro del dibujo. Chrome, Edge y Safari no dejan que una página web guarde un dibujo que lo contenga, así que allí la conversión se bloquea, mientras que Firefox lo permite. En los demás navegadores, sustituye la parte HTML por texto o formas SVG y vuelve a añadir el archivo.
¿Puedo pegar código SVG que no tiene el atributo xmlns?
Sí. El código copiado del HTML de una página web a menudo no lleva el atributo xmlns que necesita un archivo SVG independiente. Cuando el código pegado no se lee como un SVG independiente, el conversor lo lee como HTML, toma el primer SVG que encuentra y añade lo que falta, y la fila indica que lo ha hecho.
¿Puedo convertir varios SVG a PNG a la vez?
Sí. Añade hasta 20 archivos por lote, de 20 MB cada uno, y se convierten uno tras otro con los mismos ajustes. El código pegado se suma a la misma lista. Descarga cada PNG por separado o todos juntos en un ZIP.
Qué hacer después
- SVG a JPG¿Necesitas un JPG, o un color sólido detrás del dibujo? Convierte el mismo SVG a JPG.
- Convertir formato de imagenPasa los PNG a WebP o AVIF para que la página web pese menos.
- Comprimir imagen¿El PNG pesa demasiado para un límite de subida? Comprímelo a un tamaño de archivo objetivo.
- Cambiar tamaño de imagen¿Necesitas el PNG en un lienzo exacto, como un cuadrado con relleno? Cámbiale el tamaño.
- Ampliar imagen¿Solo tienes un PNG pequeño y no el SVG? Amplíalo sin que los bordes se ablanden.
Convierte ahora tu SVG a PNG
Elige un tamaño, añade tus SVG o pega el código y descarga PNG nítidos. Nada sale de este dispositivo.