Aide:SVG

Un article de Wikipédia, l'encyclopédie libre.

Cet article est une ébauche à compléter concernant une page méta, vous pouvez partager vos connaissances en le modifiant.

Le format de fichier SVG ((en) Scalable Vector Graphics) est le format de dessin vectoriel supporté par le logiciel MediaWiki de Wikipédia. Il est basé sur XML et permet la création d'images sous forme de graphiques vectoriels (quelques exemples). Son utilisation est fortement recommandée pour toute création de schémas, diagrammes, cartes, icônes ou signalétiques, etc^[1].

Cette page décrit l'utilisation du format SVG et fournit des liens relatifs à ce sujet.

[modifier] Comment utiliser une image SVG ?

Le logiciel Médiawiki convertit automatiquement une image SVG au format PNG. Il n'y a donc aucune différence d'utilisation entre le format SVG et les formats de bitmap tels PNG ou JPG ; hormis le fait que le format SVG est le seul à supporter le redimensionnement de l'image sans dégradation du rendu. N'hésitez donc pas à redimensionner une image SVG à votre guise.

Aide détaillée : Aide:Insérer une image.

[modifier] Pourquoi utiliser le format SVG ?

L'utilisation du format SVG est fortement recommandée pour toute création de schémas, diagrammes, cartes, icônes ou signalétiques car :

il génère des fichier plus légers ;
l'image peut être plus aisément retravaillée (les calques sont conservés) ;
il n'y pas de compression de données, donc pas de détérioration de l'image ;
mais surtout, le redimensionnement de l'image ne génère aucune détérioration du dessin.

En revanche, il ne faut pas convertir pas de photographies en SVG (sauf en cas de schématisation), ni « encapsuler » un fichier bitmap dans un SVG.

[modifier] Comment convertir au format SVG ?

La conversion depuis une bitmap (un fichier png typiquement) peut se faire grâce à l'outil Potrace intégré à Inkscape (commande "Chemin/Vectoriser le bitmap"). Il est recommandé pour la conversion de logos, mais pas pour les cartes.
La conversion depuis une fichier pdf peut se faire grâce à Adobe Illustrator
La conversion depuis une fichier eps (Encapsulated PostScript) peut également se faire avec Adobe Illustrator (voir aussi le modèle {{Brands of the World SVG}})

Note : il existe sur Wikipédia un modèle {{Convertir en svg}} pour demander une conversion.

[modifier] Comment importer un dessin SVG ?

Il est recommandé d'importer sur Commons et non sur Wikipédia, sauf dans le cas de blasons/marques déposées. Voici deux exemples de code wiki pour la documentation d'un dessin SVG.

Un exemple de code wiki pour la documentation d'un dessin SVG créé ex-nihilo
{{Created with Inkscape}} {{Information \|Description= {{fr}} ... {{en}} ... \|Source=Own work. \|Date={{subst:CURRENTYEAR}}-{{subst:CURRENTMONTH}}-{{subst:CURRENTDAY2}} \|Author=~~~ \|Permission={{GFDL-self}} <!-- / {{PD-self}} / {{Cc-by-sa-2.5,2.0,1.0}} / {{PD-user\|<pseudo>}} --> \|other_versions= }}

Un exemple de code wiki pour la documentation d'un dessin SVG créé ex-nihilo

{{Created with Inkscape}}
{{Information
|Description=
*{{fr}} ...
*{{en}} ...
|Source=Own work.
|Date={{subst:CURRENTYEAR}}-{{subst:CURRENTMONTH}}-{{subst:CURRENTDAY2}}
|Author=~~~
|Permission={{GFDL-self}} <!-- / {{PD-self}} / {{Cc-by-sa-2.5,2.0,1.0}} / {{PD-user|<pseudo>}} -->
|other_versions=
}}

Un exemple de code wiki pour la documentation d'une image convertie en SVG^[2]
{{Created with Inkscape}}<!----> {{Information \|Description= {{fr}} ... {{en}} ... \|Source=[[:Image:<!-- nom du fichier source -->]]. \|Date={{subst:CURRENTYEAR}}-{{subst:CURRENTMONTH}}-{{subst:CURRENTDAY2}} \|Author=~~~ \|Permission=<!-- reprendre la licence originale --> \|other_versions= }} {{Atelier graphique}}<!-- / {{Atelier graphique carte}} bandeau marquant spécifiquement les cartes améliorées par l'atelier -->

Un exemple de code wiki pour la documentation d'une image convertie en SVG^[2]

{{Created with Inkscape}}<!---->
{{Information
|Description=
*{{fr}} ...
*{{en}} ...
|Source=[[:Image:<!-- nom du fichier source -->]].
|Date={{subst:CURRENTYEAR}}-{{subst:CURRENTMONTH}}-{{subst:CURRENTDAY2}}
|Author=~~~
|Permission=<!-- reprendre la licence originale -->
|other_versions=
}}
{{Atelier graphique}}<!-- / {{Atelier graphique carte}} bandeau marquant spécifiquement les cartes améliorées par l'atelier -->

Aide détaillée : Aide:Importer un fichier.

[modifier] Quel licence choisir ?

Le choix d'une licence est obligatoire pour que le fichier puisse être téléchargé sur les serveurs de la Wikimedia Foundation.

Si la nouvelle image, au format SVG, est inspirée d'une image, il faut obligatoirement le mentionner, et prendre en compte la licence de l'image-source pour choisir sa propre licence (en cas de problème, prendre une licence identique).

Voici quelques licences couramment employées :

Licences couramment employées pour les dessins SVG.
Code wiki du bandeau de licence	Caractéristiques de la licence
`{{GFDL}}`	Liberté de diffusion et d'utilisation (même commerciale), liberté de modification, obligation de donner la liste des auteurs. Cette licence est très déconseillée pour des images !
`{{PD-user\|<pseudo>}}`	Vous renoncez à tous les droits que vous pourriez avoir sur votre création, même à l'avenir. Liberté totale.
`{{Cc-by-sa-2.5,2.0,1.0}}`	Vous êtes reconnus comme auteur original de l'image, et toute diffusion doit se faire en reconnaissant votre qualité. La modification, la transformation, l'adaptation de l'image doit se faire impérativement sous cette même licence.
`{{self2\|GFDL\|cc-by-sa-2.5,2.0,1.0}}`	Une associations des 2 licences GFDL et CC-BY-SA. Il n'y a pas de choix entre l'une ou l'autre des licences, mais un cumul des licences. Cette licence est conseillée pour les images !

Aide détaillée : Aide:Quelle licence utiliser ?.

Pour vos questions, voir Wikipédia:Le Bistro multimédia.

[modifier] Comment catégoriser le dessin SVG ?

Il faut placer l'un de ces 3 codes :

Ensuite, suivant le type de dessins, il faut le placer dans une ou plusieurs sous-catégories de : Commons:Category:SVG Maps, Commons:Category:Diagrams, Commons:Category:Icons ou Commons:Category:Symbols.

[modifier] Où trouver des images SVG à importer ?

(en) Open Clip Art Library : Bibliothèque de clip art au format SVG, libre de droits (projet initié par les créateurs d'Inkscape)

[modifier] Dessiner

[modifier] Quel éditeur SVG utiliser ?

Inkscape est l'éditeur le plus couramment utilisé. Il est gratuit et peut être téléchargé ici. Mais on peut également employer Sodipodi, Illustrator, Skencil et bien d'autres.

[modifier] Quelle sont les limitations du format SVG supporté ?

Mediawiki convertit les images SVG au format PNG. Toutefois, quelques fonctionnalités ne sont pas supportées :^[3]

La présence de bitmaps (balise <image>), même masquée, dans une image SVG rend impossible l'affichage de cette dernière
Certains caractères unicode ne sont pas affichés correctement
La balise <marker> n'est pas correctement supportée (par exemple, les flèches ne sont pas affichées)
Les balises <flow...> ne sont pas correctement supportées. Il faut employer <text> à la place.

Rendu incorrect (version SVG)

Rendu correct (version PNG)

Wikimédia Commons recense les images SVG qui ont un rendu incorrect.

[modifier] Dessiner avec Inkscape

Wikimedia Commons propose des documents multimédia libres sur Inkscape.

Ce petit didacticiel concerne principalement la création de dessins SVG avec Inkscape et plus particulièrement de cartes géographiques. Pour la création d'images bitmap, voir Wikipédia:Atelier graphique/Protocoles.

[modifier] Quel format d'enregistrement utiliser (Inkscape SVG ou Plain SVG) ?

Voir Commons:Category:Created with Inkscape.

[modifier] Les fonctions utiles d'Inkscape

Quelques combinaisons de touches utiles pour Inkscape.
Commandes	Fonctions
`Home`	Placer la sélection au premier plan
`End`	Placer la sélection à l'arrière plan
`Ctrl+g`	Grouper
`Shift+Ctrl+g`	Dégrouper
`Ctrl+c`	Copier la sélection
`Ctrl+Alt+v`	Coller sans déplacer (superposition)
`Ctrl+a Ctrl+c`	Copier dans l'éditeur XML (sélectionner, copier)
`Ctrl+a Ctrl+v Ctrl+Enter`	Coller dans l'éditeur XML (sélectionner, coller, valider)
`Ctrl+s`	Enregistrement rapide

[modifier] Manipulation des chemins avec Inkscape

Différentes opérations de combinaisons de deux chemins
Opération	Résultat
Original
Union
Différence
Intersection
Exclusion
Division
Découper les chemins^[4]

[modifier] La cartographie

Cartographie

Le format SVG est plus particulièrement recommandé pour la cartographie car il permet de réemployer facilement une carte de base pour de multiples usages. La vectorisation d'une bitmap est déconseillée car elle génère un fichier volumineux et difficile à retravailler. Il est préférable de charger la bitmap en image de fond (commande "Fichier/Importer..." avec Inkscape), puis de la décalquer.

Vous pouvez demander la création, la modification, ou la conversion au format SVG d'une carte à l'atelier graphique spécialisé.

Aide détaillée : Aide:Cartographie.