Usa SVG para figuras que deban escalarse

Un logotipo en la cabecera de una web puede tener apenas unas decenas de píxeles de alto, mientras que el mismo logotipo en un expositor impreso puede medir varios metros de ancho. SVG describe el diseño mediante coordenadas, curvas, rellenos y trazos. Un logotipo vectorial puede dibujarse a ambos tamaños desde la misma fuente, y un diseñador puede cambiar la forma o el color de un trazado individual.

Comprueba el contenido real de un SVG antes de considerarlo un archivo maestro editable. El formato puede contener fotografías y otras imágenes rasterizadas incrustadas. Abre el archivo en Visor SVG para comprobar el diseño visible; después, selecciona una figura en un editor vectorial si necesitas confirmar que su contorno es editable.

Usa PNG cuando necesites dimensiones exactas en píxeles

PNG guarda una cuadrícula de píxeles y puede conservar la transparencia. Es una buena opción para capturas, imágenes de producto, gráficos de presentación y sistemas que esperan un tamaño de imagen fijo. Un PNG transparente encaja sobre una diapositiva de color o el fondo de una ficha de producto sin un rectángulo blanco alrededor del sujeto.

Si una plataforma pide un logotipo de 1.200 píxeles de ancho, conserva el SVG maestro y exporta una copia con SVG a PNG. Establece el ancho solicitado, conserva las proporciones y comprueba la imagen sobre el fondo previsto. Vuelve a exportar desde el archivo maestro cuando necesites otro tamaño.

Vectoriza una copia rasterizada cuando falte el original vectorial

Un PNG pequeño de una firma de correo antigua puede ser la única copia disponible de un logotipo. Imagen a vector puede vectorizar las formas visibles en trazados editables. Usa la copia más nítida disponible y elimina primero los fondos o márgenes ajenos al diseño. Un logotipo plano con áreas de color diferenciadas ofrece límites más fiables que una captura de pantalla con artefactos de compresión.

La vectorización es una interpretación. Compara el resultado con el original a tamaño normal y con mucho zoom. Observa las aberturas de las letras, los puntos pequeños, los trazos finos y las esquinas puntiagudas. Si una curva se ha vuelto irregular o una letra ha perdido una parte, corrige esa zona en un editor vectorial antes de adoptar la vectorización como nuevo archivo maestro.

Separa el archivo maestro del archivo de entrega

Para una web, SVG suele ser el archivo maestro útil para logotipos e iconos, mientras que PNG es práctico en sistemas que especifican dimensiones en píxeles. Para un impresor o fabricante, pregunta qué formato necesita y si el texto debe convertirse en contornos. Un PDF de producción, un contorno de corte y una vista previa PNG pueden proceder del mismo diseño y cada uno cumple una función distinta.