SVG

SVG (Scalable Vector Graphics) es el formato vectorial estándar de la web, definido por el W3C en XML. Al ser vectorial, describe la imagen con formas matemáticas (rutas, círculos, polígonos, texto) en vez de píxeles, así que escala a cualquier tamaño sin perder nitidez. Es la elección natural para logotipos, iconos, gráficos y diagramas.

Por ser texto XML, un SVG es legible, editable a mano y muy ligero cuando el dibujo es simple. Admite estilos CSS, animación e interactividad, y se integra directamente en las páginas web. Su tamaño depende de la complejidad de las formas, no de las dimensiones de visualización: el mismo icono ocupa lo mismo a 16 píxeles que a pantalla completa.

En el terreno del PDF, SVG y PDF comparten la naturaleza vectorial, de modo que un logotipo en SVG se traslada a un PDF manteniéndose afilado a cualquier zoom. Entender la diferencia entre este tipo de gráfico y una imagen ráster te ayuda a elegir el formato correcto para cada elemento.