Accueil

Traduction

Tutoriel Inkscape & Boxy SVG - sommaire

Sommaire partiellement masqué - faites défiler !

Inkscape & Boxy_SVG - recherche

L'auteur : Patrick Darcheville

Vous pouvez me contacter via Facebook pour questions & suggestions : Page Facebook relative à mon site

Inkscape : optimiser le code - les extensions

Inkscape peut générer un code un peu trop verbeux et donc lourd si on ne prend pas certaines précautions.

Optimiser le code

Astuces

Avant d'enregistrer un document, demandez à le "nettoyer". Ainsi les filtres, dégradés, motifs, etc. qui en définitive n'ont pas été utilisés seront supprimés. La commande est :Fichier/Nettoyez le document.

SVG Optimizer

On pouvait utiliser une application en ligne pour réduire le poids du document Inkscape :SVG optimizer.
J'emploie le passé car il y a désormais une autre solution. Voir ci-dessous.
Donc je n'en dirai pas plus sur SVG optimizer.

L'outil d'optimisation intégré dans Inkscape

Bonne nouvelle, Inkscape propose désormais un outil d'optimisation du code fourni par "Scour".

Pour le type, séléctionnez alors dans la liste déroulante "SVG optimisé".

L'optimisation est donc simple et rapide. Plus besoin d'adresser le code non optimisé à SVG Optimizer puis de télécharger à partir de ce site un fichier optimisé.

Optimisation et vectorisation

L'outil est très utile lorsque le document Inkscape consiste en une photo (image bitmap) vectorisée ; le taux de compression peut alors être très important.

Ci-dessous un autre document SVG découlant de la vectorisation d'une image vectorielle. Fichier SVG qui a ensuite été optimisé via SVG Optimizer à l'époque.
Le fichier initial produit par Inkscape faisait plus de 800 KO. La version optimisée ne pèse plus que 370 KO. image SVG

Inkscape : les extensions

Premier exemple

image SVG avec Inkscape

Tous ces dessins ont été produits grâce à des extensions de Inkscape.
Il a suffi que je produise à chaque fois la commande Extensions/Rendu puis le sous menu "code barres" ou "boîte à plier" ou "engrenage" ou encore "polyèdre 3D".

Pour la "boîte à plier" et le "polyèdre" il faut bien sûr renseigner une boîte de dialogue (passer des paramètres).

Deuxième exemple

image SVG avec Inkscape

Dans l'image SVG ci-dessus produite avec Inkscape et que j'ai intitulé "paysage d'hiver" j'ai produit très rapidement la forêt de bouleaux en utilisant l'extension "arbre aléatoire".