Tutoriel Inkscape - sommaire

Inkscape : optimiser le code - les extensions

Inkscape peut générer un code 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 de la partie DEFS. La commande est : Fichier/Nettoyez le document.

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

Bonne nouvelle, Inkscape propose désormais un outil d'optimisation.

Lorsqu'on voulez enregistrer le fichier, la boite de dialogue vous demande :
• de donner un nom au fichier
• de préciser le type de fichier

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

Une boite de dialogue avec différents onglets apparait alors. Boite qui vous permet de :
• fixer le nombre de chiffres significatifs pour les coordonnées
• supprimer le "baratin" (déclaration XML, metadonnées, commentaires, etc.)
• supprimer les ID inutiles
• générer ou pas l'attribut viewBox de la balise SVG
• etc.

L'optimisation est donc simple et rapide.

Je vous présente ci-dessous les différents onglets de cette boite de dialogue.

Onglet "sortie SVG optimisé" :

Onglet "options" :

Vous pouvez règler le nombre de chiffres significatifs pour les coordonnées de taille et de position.
Les paramètres de style peuvent être passés en attributs ou en propriétés.

Onglet "ID" :

Les identifiants peuvent être très courts.

Exemple de document Inkscape optimisé

Le rendu :

Le code SVG du document : <svg version="1.1" viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg"> <g fill="#ff0"> <ellipse cx="426" cy="130" rx="131" ry="79"/> <rect x="263" y="221" width="293" height="228"/> </g> </svg>

Admettez que c'est succinct.
Notez qu'un groupe a été créé pour appliquer la même couleur de fond aux deux formes.

Inkscape : les extensions

Chaque nouvelle version de Inkscape s'enrichit de nouvelles extensions.

Premier exemple

Dans le document Inkscape ci-dessus vous voyez :
• un QR code
• une boîte à plier (genre paquet de cigarettes)
• un engrenage
• un polyèdre 3D

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

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".

Troisième exemple

Dans le document Inkscape ci-dessus j'ai produit trois grilles.

Exemple 4

Dans les dernières versions de Inkscape on dispose de l'extension "calendrier".