Contrairement aux images matricielles (ou bitmap), qui sont constituées de petits blocs colorés appelés pixels, le graphisme vectoriel est composées de points, de tracés, de courbes et de formes définis mathématiquement. Cette différence fondamentale confère au vectoriel un avantage majeur : une résolution infinie, ou plus précisément, l’absence de résolution fixe.
Une technologie pleine d’avantages
Puisque l’image est construite à partir de coordonnées dans l’espace, elle peut être agrandie à l’infini sans aucune perte de qualité. C’est pourquoi le format vectoriel est particulièrement prisé pour les logos d’entreprise. En effet, un seul fichier peut être utilisé pour la création d’une bannière sur un site web, une affiche grand format ou même un marquage de véhicule utilitaire.
Autre atout non négligeable : les fichiers vectoriels sont généralement très légers. Contrairement aux images bitmap qui stockent la couleur de chaque pixel, le vectoriel ne conserve que les informations nécessaires pour dessiner les formes (points, lignes, couleurs), ce qui réduit considérablement la taille des fichiers.
C’est grâce à des logiciels comme Adobe Illustrator que nous pouvons créer et manipuler ces formes vectorielles. Inkscape constitue une alternative gratuite et des concurrents comme Afinity Designer grandisse de plus en plus
Mais alors, pourquoi ne pas utiliser uniquement du vectoriel ?
Tout simplement parce que chaque technologie a ses forces et ses limites. Le vectoriel excelle dans la représentation de formes simples, d’aplats de couleurs et de compositions stylisées. En revanche, pour des images complexes comme des photographies ou des illustrations très détaillées, le format bitmap reste plus adapté.
Allons un peu plus loin
Ci-dessous, vous pouvez observer le même graphisme au format SVG (Scalable Vector Graphics) présenté sous deux formes différentes. Le code source, puis plus bas, son rendu tel qu’il apparaît sur une page web.
<svg xmlns="http://www.w3.org/2000/svg" id="Calque_1" data-name="Calque 1" viewBox="0 0 34.67 9.12"><defs><style>.cls-1{fill:#1d1d1b}</style></defs><path d="M4.05 9V5.3H1.63V9H0V.47h1.63v3.5h2.41V.47h1.63V9H4.04ZM9.05 8.88c-.4-.16-.74-.38-1.03-.66-.29-.27-.5-.6-.66-.97s-.23-.77-.23-1.2v-.23c0-.48.08-.93.23-1.33s.37-.75.64-1.03.6-.51.97-.67.78-.24 1.22-.24.86.08 1.22.23.66.36.91.64c.25.27.43.6.56.99s.19.81.19 1.27v.69h-4.3v.02c.05.25.12.46.21.61s.2.29.35.42c.15.13.32.23.51.3s.4.11.63.11c.32 0 .63-.06.93-.18s.54-.3.73-.54l.81.88c-.21.29-.54.56-.98.8s-.98.36-1.59.36c-.49 0-.93-.08-1.33-.24Zm.64-4.92c-.15.06-.29.16-.4.28-.12.12-.21.27-.29.43s-.14.36-.18.56h2.67V5.1c0-.17-.03-.33-.09-.49s-.15-.29-.26-.4c-.11-.11-.24-.2-.4-.26s-.34-.1-.55-.1c-.18 0-.35.03-.5.1ZM18.39 0v7.68h1.82V9h-5.36V7.68h1.9V1.33h-1.9V0h3.54ZM25.59 0v7.68h1.82V9h-5.36V7.68h1.9V1.33h-1.9V0h3.54ZM28.89 4.49c.13-.39.33-.73.59-1.02.25-.29.57-.52.93-.68s.79-.25 1.27-.25.9.08 1.27.25.69.39.94.68c.25.29.45.63.58 1.02s.2.82.2 1.28v.12c0 .46-.07.89-.2 1.29s-.33.73-.58 1.02-.57.51-.94.68-.79.24-1.27.24-.9-.08-1.27-.24-.69-.39-.94-.68c-.26-.29-.45-.63-.59-1.02s-.2-.82-.2-1.29v-.12c0-.46.07-.89.2-1.28Zm1.5 2.15c.05.23.13.43.24.61.11.18.25.31.42.42s.38.15.63.15.44-.05.62-.15.31-.24.42-.42c.11-.17.18-.37.23-.61s.08-.48.08-.75v-.12c0-.26-.03-.5-.08-.73s-.13-.43-.23-.61c-.11-.18-.25-.31-.42-.42s-.38-.15-.63-.15-.45.05-.62.15-.31.24-.42.42-.19.38-.24.61-.08.47-.08.73v.12c0 .27.03.51.08.75Z" class="cls-1"/></svg>
Si vous vous intéressez un peu au HTML, vous avez peut-être remarqué des similitudes, comme les balises d’ouverture et de fermeture typiques : <svg></svg>. C’est tout à fait normal, car le format SVG a été développé par le World Wide Web Consortium (W3C) et est, en théorie, compatible avec tous les navigateurs actuels.
Graphisme au format SVG, un format ouvert et vectoriel, intégré sur une page web.
Un autre avantage du SVG est sa capacité à supporter l’animation sur les pages web, tout en étant très léger. Cela en fait un excellent candidat pour les sites qui souhaitent réduire leur empreinte carbone, tout en conservant une expérience visuelle dynamique et fluide.
Enfin, le vectoriel est compatible avec les machines de fabrication : découpeuses laser, traceurs, machines de découpe d’adhésif, etc. Ces machines utilisent les tracés vectoriels pour guider précisément une lame ou un faisceau laser.
En résumé
Le vectoriel (dans ce contexte) est un type d’image avec de nombreux avantages : Résolution, Légèreté, Polyvalence. C’est une technologie fondamentalement différente des images bitmap/matricielles/raster composé de pixels. Le vectoriel est composé de points, de tracés et de formes mathématiques.
Très polyvalent, il est autant utilisé dans l’impression que sur le web ou ses multiples avantages sont très appréciés.
Laisser un commentaire