Tutoriel Inkscape & Boxy - sommaire

Vectoriser une image matricielle

Si vous voulez donner à une photo un côté artistique, en faire une toile de maitre ou une esquisse, il faut la vectoriser.
Vectoriser une photo consister à transformer une image matricielle (ou pixellisée) en une image vectorielle (définition de chemins).
Inkscape propose un outil de vectorisation intégré : Potrace.

Utiliser Potrace sous Inkscape

Le document Inkscape

Observez attentivement la capture d'écran ci-dessous !

Ma démarche

J'ai créé un nouveau document de 1000 par 1000 pixels.
J'ai importé une photo sexy (incorporation) et je l'ai positionnée à gauche.
Puis j'ai importé la même photo (liaison) et je l'ai positionnée à droite.
J'ai sélectionné l'image de droite et j'ai produit la commande Chemin / vectoriser un objet matriciel
J'ai paramétré la boite de dialogue : "multicolor" ; détection : couleurs ; nombre de passes : 4
Dans la capture d'écran ci-dessus je n'ai pas encore appuyé sur le bouton de commande "appliquer" ...

Le code (optimisé) du document Inkscape

Notez les deux éléments image :
• Première balise correspondant à la rastérisation de la photo
• Deuxième balise correspondant à la liaison

Ensuite quatre éléments path correspondant à la version vectorielle de la photo ; quatre PATH car j'ai demandé quatre passes.

Le rendu du document dans cette page web

Document Inkscape inséré via la balise IMG.

Vectorisation : passe simple

La boite de dialogue de l'outil "vectoriser un objet matriciel" propose aussi "passe simple".

Le rendu dans cette page web

Ci-dessous un document Inkscape :
• à gauche photo originale incorporée
• à droite photo liée et vectorisée : une seule passe ; détection : seuil de luminosité

Le code de ce document

Un seul élément path !

Remarque

Le document Inkscape est totalement indépendant de la photo d'origine.
En effet dans le document SVG, la photo est d'une part incorporée (image de gauche) ; quant au lien (image de droite) il a été utile pour la vectorisation mais désormais il est inutile et peut être supprimé !

Lier la source plutôt que l'incorporer

Pour vectoriser une image vous devez d'abord l'importer dans un document Inkscape.
Se pose alors la question : liaison OU incorporation ?

Si vous incorporez l'image, le document Inkscape sera lourd ; plombé par tout le code correspondant à la "rastérisation" de l'image ET aussi par sa vectorisation.

Ci-dessous un document Inkscape à partir d'une photo pesant 51 KO qui a été vectorisée en une seule passe.

J'ai réalisé deux versions de cette vectorisation (SVG optimisé) :
• aravis.svg : vectorisation (une passe) à partir d'une importation de la photo par liaison ; poids du document SVG : 40 KO
• aravis2.svg : vectorisation (une passe) à partir d'une importation de la photo par incorporation ; poids du document SVG : 110 KO

Or ces deux documents ont exactement le même rendu visuel.

Le code du fichier "aravis.svg"

Notez que l'attribut href de l'élément image n'a aucun sens chez l'hébergeur de mon site.

Version simplifiée de "aravis.svg"

On peut supprimer l'élément image dans "aravis.svg" (ne conserver que le chemin).
Le rendu de la version simplifiée de 'aravis.svg' :

Le rendu n'a pas changé !