Convertir SVG a PNG
Sube un SVG y obtén un PNG que mantiene intactas sus zonas transparentes y guarda los píxeles sin pérdidas. Antes comprueba una cosa: el tamaño de salida viene del ancho y el alto escritos en el propio SVG, porque esta página no tiene ninguna opción de resolución ni de escala.
¡Descarga iniciada!
¿Cómo calificarías tu experiencia con MiConvert?
¿Por qué convertir SVG a PNG?
Un SVG no es un archivo de imagen en el sentido habitual. Es un documento XML que describe formas, trazados, degradados y texto, y que un motor de renderizado tiene que dibujar. Eso funciona en los navegadores modernos y en los editores vectoriales, y falla casi en todo lo demás: la mayoría de los clientes de correo lo eliminan, muchos CMS y formularios de subida de marketplaces rechazan el SVG de plano porque el XML puede llevar scripts, las aplicaciones de Office lo tratan de forma inconsistente y muchas galerías de teléfonos no muestran nada. PNG es el formato ráster que esos mismos sitios sí aceptan y, a diferencia de JPG, tiene un canal alfa real, que suele ser justo aquello de lo que dependen los logos y los iconos.
En esta página el archivo va a nuestros servidores, donde librsvg (a través de libvips/sharp) dibuja el documento y el PNG se escribe con datos de píxel sin pérdidas, con nivel de compresión 6. El tamaño renderizado es el tamaño declarado en el elemento svg raíz. Si el archivo no tiene width ni height, las unidades del viewBox pasan a ser píxeles, así que viewBox="0 0 40 20" produce una imagen de 40 por 20. Los archivos exportados desde Inkscape a veces usan prefijos xlink:, sodipodi: o inkscape: sin declararlos, lo que rompe los analizadores estrictos; esas declaraciones se reparan automáticamente antes de renderizar a PNG.
Qué sobrevive al proceso: la geometría, los rellenos, los trazos, los degradados, los recortes y el canal alfa, convertidos en píxeles. Qué no: los vectores en sí, de modo que el PNG no se puede ampliar después sin perder nitidez. En el PNG no se escribe ningún perfil ICC ni metadatos. El texto se dibuja con las fuentes disponibles para el motor de renderizado, así que una familia referenciada solo por su nombre puede sustituirse y la forma de las letras cambiará. Si el dibujo sale vacío porque dependía de hojas de estilo, fuentes o imágenes que viven fuera del archivo, el trabajo se detiene con un error de imagen en blanco en lugar de entregarte un rectángulo transparente.
Quien llega aquí suele estar haciendo una de estas tres cosas: publicar un logo en un sitio que rechaza las subidas .svg, necesitar un PNG con fondo transparente para una diapositiva, una miniatura o un recurso de una app, o pasarle un diseño a alguien cuyo software solo lee imágenes ráster. Si lo que necesitas es un fondo plano en vez de transparencia, JPG es el otro destino disponible en el sitio, y rellena las zonas transparentes en lugar de conservarlas.
Cómo convertir SVG a PNG
- Abre el SVG en un editor de texto y mira la etiqueta svg raíz. El width y el height que haya ahí deciden el tamaño en píxeles del PNG; ponlos en el tamaño que realmente necesitas, por ejemplo width="2048" height="2048". Si solo hay un viewBox, esos números se convierten en las dimensiones en píxeles.
- Si el diseño usa texto, conviértelo primero a trazados en tu editor, e incorpora al archivo cualquier CSS externo o imagen vinculada para que sea autónomo.
- Arrastra el archivo al recuadro de esta página. Sin cuenta entran hasta 10 SVG en una misma petición, de hasta 50 MB cada uno, y tanto los archivos sueltos como los grupos pequeños se tratan igual.
- Elige PNG como formato de destino e inicia la conversión. Los archivos SVG son pequeños y la mayoría termina en un par de segundos desde la subida.
- Descarga cada PNG desde la lista de resultados. El enlace de descarga funciona unas cuatro horas, así que guarda el archivo en lugar de añadir el enlace a favoritos.
Qué hace este conversor
- Mantiene el canal alfa: las zonas transparentes del SVG siguen siendo transparentes en el PNG, sin añadir ningún fondo
- Escribe el PNG con datos de píxel sin pérdidas, así que la imagen renderizada no se vuelve a comprimir ni se degrada
- Renderiza con librsvg a través de libvips en nuestros servidores, con el ancho y el alto exactos declarados en el archivo
- Repara los prefijos de espacio de nombres sin declarar (xlink:, sodipodi: e inkscape:) que hacen que algunas exportaciones de Inkscape resulten ilegibles en otros programas
- Rechaza un renderizado en blanco con un error explícito en lugar de devolver una imagen transparente vacía
- Acepta hasta 10 archivos por petición en los planes gratuitos, 25 en Plus y 50 en Pro, cada uno convertido a su propio PNG
Preguntas frecuentes
¿Mi fondo transparente seguirá siendo transparente?
Sí. PNG lleva un canal alfa completo y el motor de renderizado lo escribe, así que un logo SVG sin rectángulo de fondo se convierte en un PNG con píxeles transparentes alrededor del diseño. No se añade ningún fondo ni relleno. Si prefieres un color sólido, añade un rect de fondo al SVG antes de convertir, o convierte a JPG, que no tiene transparencia en absoluto.
¿Cómo consigo un PNG de alta resolución?
Cambiando el SVG, no una opción de aquí: en esta página no hay ajuste de DPI, de escala ni de tamaño de salida. El PNG sale con el ancho y el alto del elemento svg raíz, o con las unidades del viewBox si no se declara ningún tamaño. Edita esos atributos al tamaño en píxeles que quieras y vuelve a subir el archivo, o usa el diálogo de exportación de Inkscape o rsvg-convert en local si necesitas varios tamaños a partir de un mismo archivo.
¿La conversión de SVG a PNG es sin pérdidas?
El PNG en sí es sin pérdidas: los píxeles se guardan exactamente como se renderizaron, sin ningún ajuste de calidad. El paso de rasterización es el que no tiene marcha atrás, porque las formas pasan a ser una rejilla fija de píxeles. Conserva el SVG como copia maestra y vuelve a renderizarlo cuando necesites otro tamaño.
¿Por qué el texto se ve distinto en el PNG?
Porque el SVG referenciaba una fuente por su nombre en lugar de incrustar los contornos de los glifos, y el motor de renderizado la sustituyó por una que sí tiene. Como consecuencia cambian el espaciado, el grosor y la forma de las letras. Convertir el texto a trazados en tu editor vectorial antes de exportar lo soluciona de forma definitiva y además elimina cualquier dependencia de las fuentes instaladas.
Me ha salido "The SVG rendered as a blank image": ¿qué hago?
Significa que el renderizado no produjo nada visible, lo que casi siempre apunta a algo externo al archivo: estilos en una hoja de estilos de la página, una fuente web o mapas de bits vinculados que no se descargan durante la conversión. Abre el SVG en tu editor, incorpora los estilos, incrusta las imágenes vinculadas como data URI y vuelve a exportar un archivo autónomo. El error existe para que no descargues un PNG vacío por error.
¿Por qué un SVG falla con "Input image exceeds pixel limit"?
Porque el tamaño declarado es enorme. Un SVG ocupa muy poco en disco, pero puede pedir un lienzo de cientos de megapíxeles, y el motor de renderizado se niega a partir de unos 268 megapíxeles. Reduce el width y el height del elemento raíz al tamaño que de verdad necesitas y el mismo archivo se convierte sin problema.
¿Puedo convertir una carpeta de iconos SVG de una vez?
Puedes enviar hasta 10 archivos en una petición gratis y sin cuenta, 25 en Plus y 50 en Pro, y cada uno vuelve como un PNG independiente. No hay un ZIP con todos los resultados, así que los descargas uno a uno, y no hay subida de carpetas ni automatización por carpeta vigilada. Para cientos de iconos, un bucle local con rsvg-convert o con la línea de comandos de Inkscape es la mejor herramienta.
¿Qué pasa con mi archivo después de la conversión?
La conversión se ejecuta en nuestros servidores, no en tu navegador. El SVG subido se elimina en cuanto termina el trabajo, y el PNG queda disponible a través de un enlace de descarga largo y aleatorio durante unas cuatro horas, antes de borrarse automáticamente. Los nombres de archivo, los tamaños y los resultados quedan registrados en nuestros logs, así que evita poner información confidencial en el nombre del archivo.