Photos, vignettes et tous types de documents peuvent être intégrés dans le corps du texte, ou apparaître seulement en pièces jointes.

Comme tout ce que l’on trouve dans SPIP, photos, vignettes et documents sont numérotés. Ils seront appelés dans la page par leur numéro précédé d’un code comme "img" pour image," doc"...

Vous pouvez faire autant d’ajouts que vous le souhaitez.

Photo ou vignette ?

Ces deux façons de joindre une image donnent un résultat différent à l’écran.

Boite à punaise

Image en .jpg de 200x199 pixels,
pour un poids de 12 K.

Les photos sont réduites automatiquement dans le document à une largeur maximale de 200 pixels.
En voici un exemple ci-dessus. On voit que cette dimension ne permet pas de reproduire les plus petits détails...

Vignette... Cliquez-la !

La photo originale pèse 81 K pour une dimension de 800 x 603 pixels

Dans le cas d’une vignette, sa dimension à l’écran n’est plus que de 150 pixels, donc d’une taille inférieure à la photo, mais si l’on clique la vignette, la photo apparaît dans sa dimension originale.

On choisira donc de poser une vignette quand une définition supérieure de la photo est nécessaire.

Intégration d’une photo (image)

IMPORTANT !

Avant d’importer une photo sur le serveur (et donc avant de la choisir...), il faut en réduire la largeur à 200 pixels et le poids à 10 ou 12 kilos avec une définition de 72PPP (72 Pixels Par Pouce). Ce poids donne une bonne définition et garantit un affichage rapide à l’écran de la page.

L’intégration d’une photo (image) dans un texte se fait en quatre temps au moyen d’un panneau nommé “Ajouter une image“ sur la gauche de l’écran :

1. le choix de la photo,
2. son téléchargement sur le serveur,
   A ce stade, la photo est nommée "img(x)",
3. nommer la photo et lui adjoindre un commentaire (facultatif),
   Elle change de nom et devient "doc(x)"
4. son intégration dans le corps du texte au moyen d’un copié-collé [1] fourni dans le panneau “Ajouter une image“ sous la photo, et qui permet de choisir si on le pose à droite, à gauche ou au centre [2]. Si on ne réalise pas la quatrième phase, la photo sera accessible en pièce jointe, au bas de votre page. L’internaute pourra toujours la télécharger ou l’ouvrir depuis cet endroit.

Intégration d’une vignette

L’intégration d’une vignette se fait toujours par le tableau "Ajouter un document", même s’il s’agit d’une photo !

Elle s’intègre en quatre phases comme une photo, mais il est obligatoire de lui donner un titre.

Pour une dimension de 800 x 600 pixels (une fois cliquée...), un poids d’environ 80 kilos offre une bonne définition (voir la vignette intégrée dans ce texte). Toujours utiliser la définition de 72 PPP...

GIF animé

8 kilos

Pour une photo (avec des dégradés donc...), utilisez le format .jpg. Pour un schéma, et tout ce qui ne comporte pas de dégradés, utilisez le format .gif, et pour le côté "détente", un gif animé...

Intégration d’un document

Document

Tract en .pdf

Vous pouvez aussi intégrer des documents dans le texte, voir ci-contre (Document. Tract en .pdf) ou les poser en pièces jointes. Voir pièces jointes : symbolisme originel.... Dans les deux cas, le lecteur peut télécharger le document, juste en cliquant dessus. Privilégiez le format .pdf pour les documents, vous pouvez aussi utilisez .doc. et .rtf.

Important

Toujours enregistrer votre travail sur le texte avant de sélectionner, télécharger, nommer, commenter ou intégrer votre photo/document !
 Si vous intégrez plusieurs photos/documents, faites toutes les importations avant de poser les codes dans le texte. Soyez méthodiques ! Et sinon, enregistrez à chaque fois votre travail dès que vous avez posé un code d’intégration dans le texte et avant d’importer, titrer... la nouvelle photo/document.

En effet, ces phases effacent les modifications de votre texte qui n’aurait pas été préalablement enregistrées. Si cela vous arrive malgré tout (un moment d’inattention...), il faut revenir à la page précédente, celle comprenant votre texte avant qu’il ne soit effacé, à l’aide de la touche "afficher la page précédente" de votre navigateur.

Intégration d’un document sonore, vidéo, flash, etc...

Spip reconnaît de nombreux formats comme Quicktime, .mp3, flash, etc. l’intégration se fait comme pour celle d’un document mais en utilisant les balises “embed”. Pour plus de détails sur ce sujet, consultez cette page. Cliquez sur “Images et documents” -> “Joindre des documents”.