Convertir SVG a PNG
Gratis, privado y rápido: todo ocurre en su navegador y sus archivos SVG nunca se suben.
SVG a PNG: ¿por qué convertir?
Un SVG es un conjunto de instrucciones de dibujo, así que puede representarse nítido a cualquier tamaño, pero muchos sitios solo aceptan píxeles: presentaciones, procesadores de texto, redes sociales, tiendas de aplicaciones, firmas de correo y la mayoría de los formularios de subida. Convertir a PNG significa decidir cuántos píxeles necesita, y ese es el único ajuste aquí: el tamaño indicado en el propio SVG, el doble o el cuádruple, o un ancho exacto. El dibujo se representa de nuevo a ese tamaño, no se amplía a partir de una imagen pequeña, así que los bordes siguen nítidos y el fondo transparente sigue siendo transparente. También se admiten los SVG que solo tienen un viewBox, sin ancho ni alto. Su navegador dibuja el SVG y escribe el PNG, así que los archivos nunca salen de su dispositivo. Las fuentes y las imágenes enlazadas desde otros archivos no se pueden cargar en este modo, y la lista le avisa cuando un SVG las usa.
Cómo convertir un SVG a PNG
- Suelte sus archivos .svg en el recuadro o haga clic para elegirlos.
- Elija el tamaño del PNG, 2× por defecto, o introduzca un ancho en píxeles. La lista muestra el tamaño resultante de cada PNG.
- Haga clic en «Convertir a PNG» y descargue el PNG, o un zip con todos ellos.
Qué cambia al convertir
Importan los píxeles, no los DPI
Un PNG tiene un ancho y un alto en píxeles; un valor de DPI es solo una indicación guardada en el archivo sobre a qué tamaño imprimirlo. Lo que decide la nitidez es el número de píxeles. Para un logotipo impreso de 5 cm de ancho a 300 píxeles por pulgada necesita unos 590 píxeles de ancho, así que elija ese ancho en lugar de buscar un ajuste de DPI. Para pantallas, 2× el tamaño propio del SVG se ve nítido en pantallas de alta resolución.
SVG sin ancho ni alto
Muchos iconos y gráficos exportados solo tienen un viewBox, por ejemplo viewBox="0 0 24 24". Los navegadores elegirían entonces por su cuenta 300 × 150 píxeles; el conversor usa en cambio el viewBox como tamaño base, así que 24 × 24 a 1× y 48 × 48 a 2×. Los tamaños en pulgadas, milímetros o puntos se convierten a 96 píxeles por pulgada, el estándar de CSS.
Las fuentes y las imágenes enlazadas no se cargan
Cuando un navegador dibuja un SVG como imagen, por seguridad no descarga nada que esté fuera del archivo. El texto con una fuente web pasa a una fuente instalada en su dispositivo, y las imágenes enlazadas por dirección se omiten. Las fuentes y las imágenes incrustadas en el SVG como datos sí funcionan. Si el texto debe verse exacto, conviértalo en contornos en su programa de diseño antes de exportar.
El fondo sigue siendo transparente
Las zonas que el SVG no pinta son transparentes en el PNG. Es lo que se quiere para logotipos sobre diapositivas de color, pero no se añade un fondo blanco; algunos visores muestran la transparencia como negro o como un tablero de ajedrez.
Tamaños muy grandes
Un canvas del navegador tiene un tamaño limitado; esta página permite hasta 16.384 píxeles por lado. Los teléfonos y las tabletas pueden fallar antes, así que genere los PNG de tamaño cartel en un ordenador.
Sobre los formatos
SVG
El SVG (Scalable Vector Graphics) es el formato XML del W3C para dibujos vectoriales, una recomendación desde 2001. En lugar de píxeles guarda formas, trazados, texto y degradados como instrucciones, así que un SVG se ve nítido a cualquier tamaño. Los logotipos, iconos, gráficos e ilustraciones exportados desde Figma, Illustrator o Inkscape suelen ser SVG.
- Un archivo de texto sin formato que se puede abrir y editar en cualquier editor de texto.
- No tiene un tamaño fijo en píxeles: el ancho, el alto y el viewBox solo indican a qué tamaño se dibuja por defecto.
- Puede enlazar fuentes e imágenes de otros archivos o sitios web, que entonces también tienen que estar disponibles.
- Se abre en cualquier navegador, pero muchos programas de ofimática, redes sociales y formularios de subida solo aceptan PNG o JPG.
PNG
El PNG (Portable Network Graphics) es un formato de imagen sin pérdida de 1996 y el formato habitual para capturas de pantalla, logotipos, diagramas e imágenes con transparencia. Cada píxel se guarda exactamente, por lo que el texto y los bordes nítidos se mantienen perfectamente definidos.
- Sin pérdida: volver a guardar nunca reduce la calidad.
- Admite transparencia completa (un canal alfa).
- Una foto guardada en PNG suele ocupar varias veces más que en JPG.
Preguntas frecuentes
¿Se suben mis archivos SVG?
No. Su navegador representa el SVG y crea el PNG en su dispositivo.
¿Qué tamaño debe tener mi PNG?
Para una página web o una diapositiva, 2× el tamaño al que se mostrará. Para imprimir, multiplique el ancho impreso en pulgadas por 300. Los iconos de aplicaciones y los favicons suelen tener tamaños fijos que indica cada plataforma.
¿Por qué el texto de mi PNG se ve distinto?
Probablemente el SVG usa una fuente web enlazada en lugar de incrustada, y el navegador recurre a otra fuente. Convierta el texto en trazados en Illustrator, Inkscape o Figma, o incruste la fuente, y vuelva a convertir.
¿Puedo obtener un fondo blanco en lugar de transparente?
No con un ajuste de esta página. Añada un rectángulo blanco como primer elemento del SVG, o coloque el PNG sobre blanco en un editor de imágenes.
¿Sigue siendo el PNG un gráfico vectorial?
No. El PNG está hecho de píxeles al tamaño que eligió. Conserve el SVG como original y cree un PNG nuevo cada vez que necesite otro tamaño.