Aide:Insérer une image - Wikisource

Cette aide comporte trois parties :

Si vous n'avez pas d'assurance ou peut-être pas le temps, vous pouvez demander l'insertion d'une image et inscrire la page dans la catégorie Catégorie:Image à insérer, de nombreux modèles tels que {{??|image}}, {{??|décoration}}, {{??|hiéroglyphe}}, {{??|tableau}}, {{??|partition}} permettent de le faire.

Si l'image d’une page ne peux pas être insérées, pour de nombreuses raisons, problème technique, fac-similé de mauvaise qualité. Vous pouvez ajouter un marqueur discret avec la catégorie Category:Images à reprendre ou bien visible avec {{??|image à reprendre}}. Vous pouvez laisser la page en non corrigé "rose", ou bien page à problème en "violet".

Ces images peuvent être des illustrations seules (un fichier = une image) ou des décorations, ou des textes manuscrits. La manière facile est d'utiliser l'outil CropTool en liens avec Commons, une manière plus avancé avec un logiciel de traitement d'image est présenté ci-dessous.

Les formats autorisés sont png, gif, jpg, jpeg, pdf, svg, djvu, tif et tiff.

En quelque mots, pour extraire des images d'un fichier pdf ou djvu le cas le plus simple est d'utiliser l'outil « CropTool ». L'ensemble est détaillé dans l'Aide:CropTool, mais voici les liens vers vos préférences pour activer l'outil.

1. Préférence/Gadgets ajoute un lien dans l'onglet "Outils" vers CropTool sur les pages de l’espace Page en mode édition.
2. Activer le gadget CropTool parmi vos préférences de Wikimedia Commons.

Il existe deux syntaxes principales, la classique avec le wikicode [[Fichier:]] pour et la plus récente avec le modèle {{Img float}}, une présentation des autres modèles se fera dans la partie avancée.

Pour une image seule :

• [[Fichier:nom de l’image|options|légende ou alternative textuelle]]

Pour un fichier multipages :

• [[Fichier:nom de du fichier.djvu|page=N° de la page|options|légende ou alternative textuelle]]

Remarques :

• « Fichier » est le titre de l’espace de noms des fichiers multimédias (images, sons, vidéos), pour l'insertion d'une image il faut que son titre soit précédé de « Fichier: » (ou « File: »).
• Le titre d’un fichier est toujours suivi de son format : « .jpg », « .djvu », etc.
• « Fichier: », « Image: », « File: » peuvent être utilisés indifféremment.
• L’ordre des options n’a pas d’importance.

Il est possible d'afficher uniquement une page d'un fichier multipages (format .pdf ou d’un .djvu), dans ce cas il faut utiliser l'option « page » :

• page= numéro de la page d’un pdf ou d’un djvu à afficher.

On veut par exemple afficher les pages 127 du fichier multipages DjVu Fichier:Kipling - Le Livre de la jungle, illustré par de Becque.djvu :

• Exemple avec la page 127 à gauche :

Code wiki	Rendu
[[Fichier:Kipling - Le Livre de la jungle, illustré par de Becque.djvu|page=127|150px]]

Si l’image du fichier multipages est seule sur sa page, comme dans nos exemples, et si on la juge de bonne qualité, on peut l’insérer selon la méthode indiquée dans l’espace de noms Page. Mais comme le format DjVu dégrade souvent la qualité de l’image, il peut être préférable de récupérer l’image d’origine et de l’importer à part, au format jpg par exemple.

Il est possible de donner trois positionnement à une image

• right à droite, left à gauche, ou center au centre.

Code wiki	Rendu
[[Fichier:Renard - Poil de Carotte, 1902-009.jpg|50px]]	Texte Texte
[[Fichier:Renard - Poil de Carotte, 1902-009.jpg|100px|left]]	Texte Texte
[[Fichier:Renard - Poil de Carotte, 1902-009.jpg|100px|center]]	Texte Texte
[[Fichier:Renard - Poil de Carotte, 1902-009.jpg|100px|right]]	Texte Texte

Pour placer une image au milieu d’un texte, on insère simplement dans le texte :

[[Image:Cinq Semaines en ballon 003.png|300px|center]]

L’image peut être ou non entourée de plusieurs sauts de ligne, selon l’espace que l’on souhaite entre le texte et son illustration :

Code wiki	Rendu
La salle des séances en fut ébranlée.<br /> <code>[[Image:Cinq Semaines en ballon 003.png|200px|center]]</code><br /> Ils étaient là pourtant, nombreux, vieillis, fatigués, ces intrépides voyageurs que leur tempérament mobile promena dans les cinq parties du monde !	La salle des séances en fut ébranlée. Ils étaient là pourtant, nombreux, vieillis, fatigués, ces intrépides voyageurs que leur tempérament mobile promena dans les cinq parties du monde !

Il est possible de donner un taille précise à un fichier

• px : taille de l’image en pixel.

Code wiki	Rendu
[[Fichier:Little Nemo purple blanket modified.png|50px]] [[Fichier:Little Nemo purple blanket modified.png|100px]] [[Fichier:Little Nemo purple blanket modified.png|200px]]

• link= : image cliquable si un lien est ajouté, non cliquable si l’option est laissée vide.

Par défaut, cliquer sur une image vous conduira à la source de l'image dans l’espace de nom « Fichier: » (sur Commons ou en local sur Wikisource FR). On peut changer ce comportement, soit en renvoyant à une autre page :

• Exemple d'image cliquable avec et sans argument « link= » (renvoyant vers une page auteur)

[[Fichier:Hendrik ter Brugghen - Democritus.jpg|100px|link=Auteur:Démocrite]]

[[File:Hendrik ter Brugghen - Democritus.jpg|100px]]

• thumb : aperçu de 220 pixels, avec affichage optionnel d’une légende. Peu ou pas utilisé dans les livres.

Code wiki	Rendu
[[File:CodxAmiatinusFolio5rEzra.jpg|center|thumb|100px|Copiste]]

• alt= : alternative textuelle.

L’option « alt= » permet d’afficher un texte si l’image ne s’affiche pas ; elle est utile pour les mal-voyants.

• Exemple du comportement de l'option alt=, avec un fichierdefectueux.jpg.

La plupart de ces options se combinent. Ainsi, avec une vignette, pour centrer l'image, à la taille de 250px, avec une image cliquable, avec une description alternative, et une légende :

Code wiki	Rendu
[[Fichier:Bertall ill La Petite Fille et les allumettes.png|center|100px|link=Contes d’Andersen/La Petite Fille et les allumettes||alt=En plein air, un homme regardant|Image extraite du conte d'Andersen « La Petite Fille et les allumettes ».]]

Aide détaillée : Voir la documentation du modèle avec tous les paramètres possible

{{img float}}

Ce modèle permet d'avoir des images flottantes adaptables au texte et à des changements de taille d'écran.

• Voici un exemple de syntaxe pour une image avec une légende, de largeur 500px, avec une demande de image :

{{Img float 
|file={{??|image}} 
|align=left 
|width=500px 
|cap=LEGENDE
|capalign=center 
|style=font-size : 12px ;
}}

— Plus tard, c’est possible, lorsque nous pourrons acheter un beau navire. 
{{img float|file=Mark Twain Les Aventures de Huck Finn illustration p015 (cropped).jpg|align=right|width=150px|cap=J’eus la bêtise de lui donner une chiquenaude.|capalign=center|style=font-size : 10px ;}}

— Et en attendant ? 

— C’est un secret. 

Là-dessus, chacun se mit à m’accabler de questions, cherchant à me tirer les vers du nez. Les dames surtout se montraient curieuses. Je crus qu’elles ne s’en iraient jamais. Voilà pourquoi j’étais si tracassé.

Dans ce cas, il suffit faut utiliser le modèle {{img float}} dans le texte.

Exemple de deux images flottantes dans un bloc à gauche du texte : Page:Histoire et légendes des plantes utiles et curieuses 1868.pdf/291

Si l'outil CropTool ne fonctionne pas, ou que le fac-similé est hébergé en « local » sur Wikisource FR, il faut faire cela à la main depuis un logiciel de traitement d'image.

1. Dimensionner d’abord l’image à l’aide d’un logiciel de traitement d’image (par exemple GIMP), pour lui donner la taille finale souhaitée dans la page de Wikisource.
2. Téléverser sur Commons l’image ainsi dimensionnée.
3. Inclure ensuite normalement dans Wikisource le fichier obtenu, mais sans utiliser de vignette.
4. Ajouter, dans la description de l'image redimensionnée, afin que les lecteurs puissent la trouver facilement, un lien vers l'image en version originale.

La plupart des images sont importées sur Commons (la médiathèque des projets Wikimédia).

De nombreuses ornementations typographiques et lettrines, souvent reprises par les éditeurs d'un ouvrage à l'autre sont déjà disponibles ici : Category:Typographic ornaments by publishers.

De nombreuses marques d'imprimeurs et d'éditeurs sont déjà sur Commons et sont trouvables ici :

Si l'ouvrage ou les photos de l'ouvrage ne peuvent pas être sur Commons (car ne respectant pas le droit d'auteur français ET états-unien) les images doivent être hébergés en « local » sur Wikisource FR.

Il n'est pas possible d'insérer des images qui ne sont pas sur commons ou qui ne sont pas sur Wikisource FR en « local » (les images hébergés en « local » sur les autres projets Wikimédia ne peuvent pas être affichées dans Wikisource.

Pour faire une rotation, il est conseillé d'utilisé de préférence avec CropTool avec le choix d'un angle de 90° par exemple.

Néanmoins, vous pouvez utiliser le modèle {{rotation}} {{Rotation|Texte ou Fichier:Pivoter à 90°|d=90}}
Par exemple : Vigouroux p.637

Vous pouvez vous inspirer des différents modèles pour images pour vos projets :

DrafIm, Float, IllustPP, IllustPPH, Image, Image2, Image3, Image4, Img float, Img float-p, Overfloat image

• Modéle : [date], intérêt
• Base commune : [[Fichier:nomduficheir.jpg|]divers paramètres]
• {{Img float}} : [date 2013-23] modèle le plus généraliste, légende dessous et eu dessus avec above=, pas de rotation ni de lien inactif, paramètre large pour largeur du cadre, ancre etc...
• {{IllustPP}} : [date 2015-25] pour "Illustration Pleinne Page". {{IllustPP|img=nomdufichier.jpg|taille=200px|txt=legende}} Nombreuses pages liées.
  • {{IllustPPH}} : similaire à "IllustPP" pour avoir une légende au dessus de l'image. 91 pages liées.
• {{Image}} : [date 2022-25] 11 paramètres, pas de float, m= marge haut et bas, rotation=, aucun lien sur l'image hors de l'espace page.
  • {{Image2}} : [date 2011] {{Image2|left|nomdufichier.png|130px}}
  • {{DrafIm}} : [date 2012] Semblable à {{Image2}}, pour "Dictionnaire raisonné de l’architecture française Image" avec un comportement différent dans l'espace page et dans l'espace principal.
  • {{Image3}} : [date 2014] version test avec 114 pages liées.
  • {{Image4}} : [date 2023] utilise un modèle Lua, pour des cas spécifique ou l'export est problématique.

Voici les catégories qui concernent les images, n'hesitez pas à les utiliser sur vos projets en particulier : Catégorie:Couvertures de livres, Catégorie:Illustrations de documents pour les illustrations non issues d'un scan, Catégorie:Planches présentes dans de nombreux dictionnaires.

N'hesitez pas à ajouter parmi les 1 094 images manquantes voici quelque pages en travail :

Vers une image au hasard

Image à insérer dans une page validée

Image à insérer dans une page corrigée

Image à insérer dans une page non corrigé

Ornement à insérer dans une page corrigée

(ajouté suite à plusieurs consultations et demandes d’aide)

Dans de nombreux ouvrages, où les planches de gravure sont insérées sous forme d’un seul feuillet plié dans le cahier, les illustrations ne sont pas placées en regard du texte qu’elles illustrent : c’est notamment le cas de la majorité des éditions Hetzel de Jules Verne. La gravure porte alors généralement le numéro de la page (papier) à laquelle elle se réfère, mais peut en être séparée de 5, 6 voire 10 pages.

On peut souhaiter vouloir réinsérer les images à leur emplacement par rapport au récit, comme sur cette page par exemple (place dans le FS) et sa conversion ici. Pour cela, il suffit d’insérer deux fois l’image dans le texte, une fois à sa place d’origine (en mettant des <noinclude></noinclude> pour qu’elle n’apparaisse pas à la transclusion) et une fois à son emplacement « naturel » dans le fil du texte, avec des <includeonly></includeonly> autour, pour qu’elle apparaisse seulement dans la transclusion.

Précaution à prendre : si on choisit cette solution, il est important d’insérer à l’intérieur des balises <includeonly> </includeonly> des blancs au-dessus et au-dessous de l’image, afin d’éviter des problèmes de mise en forme en conversion vers l’epub. En effet, l’epub étant un format « fluide », qui refait la mise en forme en fonction de la taille de l’écran, de la police choisie et de la grosseur des caractères choisis, si l’image est « intégrée » dans un bloc de texte, cela génère un paragraphe de texte anormalement mis en forme.

Pour un exemple, voir Page:Verne - De la Terre à la lune.djvu/9 en mode édition. Cette astuce sert aussi à cacher des mini-sommaire pour des articles long.

La méthode la plus complète est d'utiliser le modèle "Image flottante polygone" pour ce cas : {{Img float-p}}. Pour le minimum recommandé comme pour le cas complexe, il faut éviter les modèles qui bloquent la fluidité du texte pour la mise en forme du texte situé à droite de l’image.

{{g|Le Boy de|8|fs=24px|lh=40px}}
{{Img float-p
|file=Vimar - Le Boy de Marius Bouillabès - Illustration p1a.jpg
|align=left
|width=325px|padt=25px|padb=12px
|polygon=0% 5%, 100% 5%, 100% 20%, 85% 20%, 85% 60%, 67% 60%, 67% 95%, 0% 95%
}}<span style="display:inline-block;font-size:24px; width:calc(100% - 360px);line-height:40px; padding-bottom:60px">Marius<br />Bouillabès<br /><span style="display:inline-block;padding-left:30px">—</span></span>
<span style="display:inline-block;font-size:18px; width: calc(100% - 325px);text-align:center">CHAPITRE I</span>
<span style="display:inline-block;padding-left:24px; text-indent:-24px; font-variant: small-caps;width:calc(100% - 325px);padding-top:20px; height:110px ">{{sc|causerie sur l’intelligence des animaux vivant dans notre domesticité — anecdotes}}</span>
[[Image:Vimar - Le Boy de Marius Bouillabès - Illustration p1b.jpg|45px|N|text-bottom]]
{{sc|ous}} terminions le dessert,
déjà la chaleur des vins généreux
qui n’avaient cessé de couler pendant
tout ce repas d’adieu se répandait
sur notre verve toujours croissante.
Les conversations se croisaient, les
bons mots jaillissaient à tous propos,
notre humeur de plus en plus joyeuse se mariait à la gaieté
la plus vive et la plus franche.
</div>

Quand une illustration coupe un paragraphe en deux parties distinctes et qu’elle se trouve seule sur une page, la transclusion risque de produire un formatage incorrect qui ressemblera à :

Code wiki	Rendu
[…] lorsqu’il le vit partir. Les deux amis promirent de s’écrire exactement, et ils tinrent parole. Ils se réunissaient de [[Fichier:Cooper - Œuvres complètes, éd Gosselin, tome 1, 1839, p.345.jpg|200px|center]] temps en temps au château de Lumley, résidence de la comtesse, qui n’était qu’à deux journées de distance de la paroisse du docteur ; bientôt ces réunions devinrent impossibles	[…] lorsqu’il le vit partir. Les deux amis promirent de s’écrire exactement, et ils tinrent parole. Ils se réunissaient de  temps en temps au château de Lumley, résidence de la comtesse, qui n’était qu’à deux journées de distance de la paroisse du docteur ; bientôt ces réunions devinrent impossibles

Un saut de ligne est introduit entre « Les deux amis promirent de » et « s’écrire exactement » (exemple : Page:Cooper - Œuvres complètes, éd Gosselin, tome 1, 1839.djvu/345), et la suite du paragraphe sous l’image commence par une indentation.

La première solution recommandée est de déplacer l'image entre deux paragraphes si ce n'est pas trop génant. Par exemple : Dictionnaire avec une image coupant deux colonnes

Pour résoudre le problème élégamment, il faut utiliser la balise nowiki et le modèle {{SansAlinéa}} ainsi, on obtient dans la page l’affichage correct suivant :

Code wiki

Rendu

[…] lorsqu’il le vit partir. Les deux amis promirent de s’écrire exactement, et ils tinrent parole. Ils se réunissaient de [[Fichier:Cooper - Œuvres complètes, éd Gosselin, tome 1, 1839, p.345.jpg|200px|center]] {{SansAlinéa|temps en temps au château de Lumley, résidence de la comtesse, qui n’était qu’à deux journées de distance de la paroisse du docteur ; bientôt ces réunions devinrent impossibles}}

[…] lorsqu’il le vit partir. Les deux amis promirent de s’écrire exactement, et ils tinrent parole. Ils se réunissaient de temps en temps au château de Lumley, résidence de la comtesse, qui n’était qu’à deux journées de distance de la paroisse du docteur ; bientôt ces réunions devinrent impossibles

Voici quelque exemple : Exemple simple d'image d'un livre de Darwin.

La résolution ancienne de ce problème se résolvait ainsi :

<nowiki/>

[[Fichier:Cooper - Œuvres complètes, éd Gosselin, tome 1, 1839, p.345.jpg|500px|center]]
<br>

La validation des illustrations ne fait pas à l’heure actuelle (2012) l’objet de recommandations particulières.

Une page ne contenant qu’une illustration sans texte peut par exemple être marquée « sans texte », bien que cette solution soit ambiguë.

Si une illustration contient du texte (autre qu’une légende distincte que l’on peut placer par exemple sous l’image), on peut essayer de reproduire ce texte, ou n’afficher que l’image si cette reproduction ne paraît pas possible. Dans certains cas, le texte est entouré d’un cadre décoratif qu’il serait assez difficile de bien disposer dans l’espace principal, et on peut donc ne reproduire que le texte (exemple : une page de Huon de Bordeaux).

Placer correctement une image dans un texte étant parfois difficile voire impossible, une position approximative peut être choisie.

Les illustrations de mauvaise qualité peuvent être remplacées par d’autres de sources différentes si l’on s’assure bien qu’il s’agit des mêmes images Catégorie:Images à reprendre.