Blogue de Jean-Philippe Monette

Quand on n'a pas la version vectorielle d'une image, c'est très dangereux de jouer avec sa taille sans réduire grandement sa qualité. En naviguant sur la blogosphère par Technorati, je suis tombé sur une application Web intéressante décrite brièvement sur le blogue anglais Boing Boing. VectorMagic est le fruit obtenu d'un travail de recherche effectué par James Diebel et Jacob Norda, deux étudiants des laboratoires d'intelligence artificielle de l'Université Stanford.

Figure 1.0: Logo de VectorMagic

Le concept de la « vectorialisation » est simple : on transforme une image de forme matricielle composée de pixels à une forme vectorielle composée formes géométriques. Ça peut sembler abstrait comme principe quand on n'a jamais touché au domaine des images numériques, mais croyez-moi, quand on découvre, on ne s'en passe plus. Voici une petite comparaison graphique pour les visuels suivit des descriptions.

Figure 1.1: Image matricielle (composée de pixels)

Une image matricielle (formats connus : JPG, PNG, GIF, BMP, etc.) peut être comparée à un grand tableau quadrillé (une matrice) contenant des petits blocs de couleurs. Plus on rapettisse la taille des carrés, plus l'image devient visible à l'oeil (votre écran est une immense matrice de pixels). Quand on décide de modifier la taille d'une l'image matricielle, on grossit des « blocs »! Plus ils sont gros, plus on remarque que l'image est composée de blocs : l'image devient donc pixélisée. En diminuant la taille d'une image, on transforme un groupe de blocs de couleurs en un seul, soit en faisant la moyenne des couleurs des anciens blocs. Une image de 400 pixels réduite à 200 pixels, c'est beaucoup moins précis. Si on sauvegarde cette même image et qu'on supprime celle à 400 pixels, on ne peut plus revenir à la version précédente.

Figure 1.2: Image vectorielle (composée de formes géométriques)

Une image vectorielle (formats connus : SVG, EPS, etc.) est composée de plusieurs formes géométriques : des points, des lignes, des carrés, des triangles et autres. L'image est donc composée de vecteurs et ses mêmes vecteurs possèdent certaines caractéristiques les distinguant sur un plan : leur norme, leurs composantes, leurs couleurs, leur épaisseur de trait et j'en passe. Quand vient le temps de modifier la taille de l'image, on augmente simplement la taille de certaines propriétés géométriques. Le résultat d'un logo agrandi est donc proportionnel à sa forme d'origine. Cependant, créer une image à partir de formes géométriques peut devenir très fastidieux à la longue et ne s'applique pas à certains types d'images (les photos par exemple). Même là, certaines images complexes peuvent être compliquées à reproduire sans un programme de « vectorisation ».

VectorMagic se démarque à ce niveau là. C'est une application Web (je vais mentionner le mot-clé Web 2.0 pour exciter les internautes, car c'est la grosse mode ces temps-ci) qui permet de transformer vos images conventionnelles moches composées de points en de superbes images vectorielles quasiment semblables à la version d'origine. Fini les prises de têtes à transformer son logo à la main, le programme fait tout le travail horrifiant pour vous. Bien entendu, il y a encore quelques ajustements à faire, mais je l'ai essayé et le rendu obtenu est excellent (à mes yeux de graphiste intermédiaire). Voici un petit rendu que j'ai fait :

Figure 1.3: Photo de bananes en définition matricielle et vectorielle

Ça c'est le rendu sur une image conventionnelle de bananes. Quand on fait le même travail avec un logo, le rendu est beaucoup plus similaire (sur la majorité des logos). Pourquoi? En faites, les logos sont normalement composés de formes géométriques simples et sont plus faciles à représenter. Comme j'ai mentionné précédemment, le rendu vectorielle d'une image n'est pas toujours nécessaire. Pour une photo, les résultats sont supérieurs en format matricielle (vous pouvez le voir avec ces belles bananes). J'aurais pu vous donner un exemple avec un logo simple, mais je vous laisse l'exercice à faire (c'est votre devoir!). Bref, à vous d'essayer différentes images. Profitez-en, c'est gratuit!