Enregistrer un document Inkscape

Dans ce chapitre je vais vous montrer que l'on peut enregistrer un dessin produit avec Inkscape selon différents formats.

Ci-dessus le dessin d'un camion réalisé en 2 minutes avec Inskcape (camion ou "lorry" en anglais ) !
Il y a donc 5 rectangles et 3 cercles ; certains rectangles ont des angles arrondis.

Les différentes versions de l'image vectorielle

Dans la capture d'écran ci-dessus le panneau de commandes "enregistrer le document" est ouvert.
Il vous montre tous les formats possibles.

Donc les deux premiers fichiers peuvent être ouverts avec un éditeur de textes (ou Inkscape) pour modification du code et naturellement avec un navigateur pour affichage.
Le troisième fichier est ouvert avec Adobe reader pour visualisation et ne peut être modifié.
Le quatrième fichier est la version matricielle du dessin. On peut l'ouvrir avec PAINT (ou tout autre logiciel de retouche d'image matricielle) pour modification.

Comparaison des fichiers au format SVG

Le fichier "lorry_simple.svg" ne pèse que 5 KO alors que le document "lorry_inkscape.svg" pèse plus de 6 KO !

Le code du fichier "lorry_simple.svg" (extraits)

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg2" viewBox="0 0 400 200" height="200" width="400"> <defs id="defs4" /> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> </cc:Work> </rdf:RDF> </metadata> <g transform="translate(0,-852.36216)" id="layer1"> <rect y="872.36218" x="110" height="100" width="210" id="rect3338" style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#808000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> ... <circle r="20" cy="992.36218" cx="80" id="path3344" style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /> ... </g> </svg>

Toutes les formes sont groupées dans un calque (conteneur G).
Ce groupe comprend 5 fois la balise rect et trois fois la balise circle. Chaque forme a un identifiant (attribut ID).
Je vous indique dans l'extrait le code pour un rectangle et un cercle.

Concernant les roues si j'avais procédé à un clonage plutôt qu'à une duplication j'aurais eu un code SVG plus succinct : une fois la balise circle et deux fois la balise use (au lieu de trois fois la balise circle).

La partie defs est vide.
En effet j'avais défini un effet (un dégradé) que j'avais appliqué à la bâche du camion. Mais je suis revenu ensuite à une couleur unie.
Cependant avant d'enregistrer l'image j'ai "nettoyé le document" (commande : Fichier/Nettoyer le document); les effets (filtres, dégradés, etc.) qui sont plus utilisés sont alors supprimés de la partie defs.

Le code du fichier "lorry_inskcape.svg"

Le code SVG est plus verbeux avec tout un préambule.
Par contre la description des formes est identique.

Le "barratin en plus dans la version "SVG Inkscape" :

<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.44375" inkscape:cx="253.44156" inkscape:cy="86.217025" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" units="px" inkscape:window-width="1366" inkscape:window-height="705" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1"> <inkscape:grid type="xygrid" id="grid3336" /> </sodipodi:namedview>

Donc je vous conseille d'enregistrer en SVG simple !
Pensez aussi à "nettoyer le document " avant d'enregistrer.
Retour menu