Convertir un SVG a PNG

SVG o PNG: ¿por qué convertir?

El SVG es un formato vectorial: la imagen se describe con formas y curvas, no con píxeles. Es ideal para un logotipo, un icono o una ilustración, que se ven nítidos a cualquier tamaño. Pero muchos servicios solo aceptan imágenes normales: redes sociales, apps de mensajería, plataformas de venta, imprentas, formularios online y algunos programas de oficina. El PNG es entonces la mejor opción: es una imagen de píxeles, sin pérdida de calidad, que conserva la transparencia. Convertir tu SVG a PNG te da un archivo que cualquiera puede abrir, con un logotipo nítido y sin fondo.

Elegir el tamaño: 1×, 2×, 4× o ancho libre

El tamaño original de un SVG viene de sus atributos width y height o, si no los tiene, de su viewBox; la herramienta lo muestra para cada archivo. A 1×, el PNG mide exactamente eso; a 2×, es el doble de grande, lo que va bien para las pantallas de alta definición (Retina); a 4×, es lo bastante grande para imprimir o para un diseño en gran formato. Con «Ancho libre» indicas el número exacto de píxeles que quieres, por ejemplo 1080 para una publicación en redes sociales o 512 para un icono, y el alto sigue las proporciones del dibujo. Como el SVG se vuelve a dibujar cada vez, incluso un tamaño muy grande sale perfectamente nítido. El único límite es el de los navegadores, a partir de 16 384 píxeles de lado, o de 16 megapíxeles en total en iPhone y iPad; la imagen se reduce entonces y la herramienta lo avisa.

Fondo transparente, fondo blanco y formato JPG

Un PNG transparente se coloca sobre cualquier fondo: es el formato que hay que elegir para un logotipo destinado a una web, un vídeo o una presentación. El fondo blanco es útil para un documento que vas a imprimir, o para un servicio que muestra la transparencia en negro. El JPG no admite transparencia: las zonas transparentes del SVG toman el color de fondo elegido, blanco por defecto. El JPG genera archivos más ligeros en las ilustraciones con muchos degradados, pero puede crear pequeños defectos alrededor de los textos y las zonas de color liso, donde el PNG sigue perfectamente nítido. Si dudas, elige PNG.

Si el resultado no se parece al original

El SVG lo dibuja tu navegador como una imagen: por seguridad, su código nunca se ejecuta en la página y no puede cargar ningún recurso externo. De ahí pueden salir dos diferencias. Las fuentes que no están incluidas en el archivo se sustituyen por una fuente de tu dispositivo: en tu programa de diseño, convierte el texto en trazados (contornos) antes de exportar el SVG. Las imágenes enlazadas a otro archivo o a una web no aparecen, mientras que las imágenes integradas en el SVG sí funcionan. Un SVG que contiene código HTML (etiqueta foreignObject) no se puede convertir: la mayoría de los navegadores se niegan a exportarlo como imagen. Por último, un SVG animado se convierte en su estado inicial, como imagen fija.