SVG es ideal para logotipos e iconos porque nunca se ve borroso. Pero muchos sitios todavía lo rechazan: clientes de correo, algunas redes sociales, presentaciones, imprentas y formularios de subida. Cuando eso ocurre necesitas un PNG, y la decisión que importa es de qué tamaño hacerlo.
SVG y PNG en un minuto
- SVG describe formas con matemáticas. Se puede escalar a cualquier tamaño sin pérdida y suele pesar muy poco.
- PNG es una cuadrícula de píxeles. Tiene un tamaño fijo, admite transparencia y se abre casi en todas partes.
Convertir SVG a PNG fija la imagen en una sola resolución. Siempre puedes generar después un PNG más grande a partir del SVG, pero no puedes dar nitidez a un PNG pequeño ampliándolo, así que conserva el SVG.
Elige primero el tamaño de salida
El tamaño del PNG es el tamaño propio del SVG multiplicado por una escala. Piensa dónde se va a usar:
- 1x coincide con el tamaño del SVG. Bien para iconos pequeños en pantalla.
- 2x mantiene la nitidez en pantallas de alta densidad y es un buen valor por defecto para logotipos.
- 3x y 4x sirven para banners grandes, presentaciones e impresión.
- Un tamaño personalizado es útil cuando un formulario indica dimensiones exactas en píxeles.
En caso de duda, hazlo más grande. Es fácil reducir un PNG e imposible afinarlo.
Convertir un SVG a PNG
- Abre SVG a PNG y añade uno o varios archivos .svg.
- Elige la escala o un tamaño personalizado.
- Elige el fondo: transparente, blanco, negro o un color a tu gusto.
- Descarga cada PNG, o todos en un ZIP.
La conversión se hace en tu navegador, así que tus archivos no se suben.
¿Transparencia o fondo sólido?
Un PNG transparente deja que la imagen se asiente sobre cualquier color, que es lo habitual en un logotipo. Sin embargo, algunos sitios rellenan de negro las zonas transparentes, lo que puede hacer desaparecer un logotipo oscuro. Si dudas, exporta también una versión sobre blanco.
Cuando el PNG no se parece al SVG
- Fuentes ausentes. Si un SVG usa una fuente que no está incrustada, el navegador puede sustituirla por otra. Convierte el texto en contornos en tu herramienta de diseño antes de exportar el SVG.
- Imágenes enlazadas. Un SVG que apunta a una imagen externa puede mostrar un hueco en blanco. Incrusta la imagen en el SVG.
- Un resultado diminuto. Un SVG sin ancho ni alto puede salir pequeño. Elige una escala mayor o un tamaño personalizado.
Preguntas frecuentes
¿Convertir SVG a PNG pierde calidad?
El PNG es tan nítido como el tamaño que elijas. Es una copia de resolución fija, así que elige un tamaño suficiente para su uso.
¿Puedo convertir muchos SVG a la vez?
Sí. Añade varios archivos y descárgalos juntos en un ZIP.
¿Debo sustituir el SVG de mi web?
Normalmente no. SVG es la mejor opción para logotipos e iconos web. Usa PNG solo donde no se acepte SVG.
En resumen
Decide primero el tamaño, conserva el SVG como copia maestra y elige fondo transparente salvo que el destino necesite uno sólido.
