Documents et images

Télécharger une image

samedi 13 décembre 2014
  par  Internet22
popularité : 17%
0 vote

Mettre une image ou plusieurs dans un article SPIP c’est simple si on fait attention…

Où se trouve l’image ?

Indépendamment de la façon de télécharger l’image, il faut savoir d’abord où elle se trouve. Elle peut être :

  • sur l’ordinateur : on va alors chercher l’image comme n’importe laquelle sous Windows par exemple.
  • sur l’internet : il faudra alors entrer le lien de l’image elle-même. Ce lien commence naturellement par http://
  • dans la médiathèque, au cas où elle a déjà été utilisé sur le site.
  • sur le serveur  : seul un administrateur peut aller la chercher.

Type d’image

Seuls formats autorisés : img, jpg, png. Tous les autres (bmp, tiff…) sont rejetés.
Photos : plutôt gif
Autres : gif ou png.

Poids et dimension de l’image

Sur un site web il ne sert à rien de déposer des images de plus de 100 pixels de large : elles ne pourront pas s’afficher en entier de toute façon, les écrans dépassant rarement de beaucoup cette dimension. Pour ce qui est du poids, éviter de déposer des images de plus de 500 kilo-octets (500 Ko), à moins que l’on veuille charger le disque dur du serveur et payer plus cher à la fin de l’année…
Cas particulier : il existe bien sûr des exceptions. On peut le faire, par exemple, si on veut mettre à disposition des visiteurs des images de haute qualité.

Pour réduire ses images, on peut utiliser un logiciel comme Photofiltre par exemple. On peut aussi les réduire en ligne avant le téléchargement.

Téléchargement

Téléchargement de document  -  voir en grand cette imageSi l’article est en cours de modification, l’image se télécharge par le cartouche représenté à gauche. S’il ne l’est pas, elle se télécharge par le cartouche de droite, situé en bas de l’article.info document -  voir en grand cette image

Portfolio ou pas portfolio ?

SPIP permet de déposer les images de deux façons :

  • en tant qu’illustration  : sert à illustrer le texte de l’article ;
  • en tant que documents joints ou portfolio  : sert à placer des images plus lourdes, pour créer un diaporama, une planche contact… (L’option est validée par défaut).

L’image comme illustration

Image téléchargée -* Positionner le curseur de la souris à l’endroit où l’on veut faire apparaître l’image (tout en évitant si possible le milieu d’une phrase…)

  • Repérer le code affiché sous l’image téléchargée : elle est du style :
    <imgxxx|left> <imgxxx|center>   <imgxxx|right>
    où xxx est un nombre entier indiquant le rang de la photo sur le sire (la première photo a le numéro 1, la deuxième le 2, etc.).
    left veut dire que l’image sera cadrée à gauche, center au centre et right à droite.
  • Cliquer sur le code choisi : le code va alors s’afficher là où est le curseur. L’image sera invisible en tant que telle tant que l’article restera en modification. Elle sera visible une fois le code enregistré.

L’image comme document joint ou comme image vignettisée

Déposer dans le portfolio Dans les deux cas, il faut la déposer dans le portfolio.

  • Document joint  : l’image apparaît sous l’article sous forme de vignette cliquable. C’est le cas d’un diaporama par exemple.
  • Image vignettisée c’est le cas pour les photos larges qui encombrerait la zone de texte si elles étaient affichées en taille réelle.

Pour déposer une image dans le portfolio il faut juste passer la souris sur l’image ,le bouton
Déposer dans le portfolio apparaît. Il suffit alors de cliquer dessus.

Apparaît alors le cartouche de l’image avec d’autres codes :

Image vignettisée dans le corps du texte  -  voir en grand cette image
Image vignettisée dans le corps du texte
  • doc parce que l’image est dans le portfolio (mais on peut aussi avoir img dans le portfolio si on ne veut pas afficher les titres [1]
  • emb (comme embeded) si on veut quand même afficher l’image avec ses dimensions réelles (peu utilisé).



Voir le site : Ajouter une image dans la doc SPIP (accès réservé)

[1C’est une ambiguïté de SPIP !


Portfolio

Image comme document joint

Commentaires

Bouton Facebook Bouton Contact image Jésus

image Noel


Bannière denier

Facebook

Facebook

Facebook

Agenda

<<

2017

 

<<

Décembre

 

Aujourd’hui

LuMaMeJeVeSaDi
27282930123
45678910
11121314151617
18192021222324
25262728293031
Aucun évènement à venir les 6 prochains mois