
{{{Ins&eacute;rer des images dans le texte}}}


SPIP vous offre la possibilit&eacute; d'illustrer vos articles avec des images. 

- {{Formats d'images}}

Lorsque vous cr&eacute;ez vos images (avec votre logiciel habituel), vous devez les cr&eacute;er &agrave; l'un des formats suivants:
- GIF;
- JPEG;
- PNG (d&eacute;conseill&eacute;, de nombreux butineurs ne permettant pas de les afficher correctement).

{Afin d'&eacute;viter les erreurs graves de manipulation, SPIP rejette les fichiers-image d'une taille sup&eacute;rieure &agrave; 256~ko.} Lors de la sauvegarde de vos fichiers dans l'un des formats indiqu&eacute;s ci-dessus, veillez donc &agrave; ne pas d&eacute;passer 256~ko (de toute fa&ccedil;on, avec des tailles sup&eacute;rieures, votre site ne serait plus &laquo;navigable&raquo;!).

Veillez particuli&egrave;rement &agrave; ce que le nom de vos fichiers ait une {terminaison} indiquant leur format: {{.gif}}, {{.jpg}} ou {{.png}}. Le nom du fichier n'a aucune importance, &agrave; condition de {ne pas oublier cette terminaison}. 

- {{Installation des images sur le serveur}}

<img src="AIDE/artimg.gif" alt="" width="150" height="310" border="0" align="right">Avant de pouvoir ins&eacute;rer vos images &agrave; l'int&eacute;rieur du texte, il faut bien entendu installer ces images sur le serveur. Cela se fait, dans SPIP, par l'interface graphique.

Lorsque vous &laquo;modifiez&raquo; un article, la colonne de gauche vous propose une interface intitul&eacute;e: &laquo;T&eacute;l&eacute;charger une nouvelle image&raquo; (1). Cela se pr&eacute;sente sous la forme d'un {champ} suivi d'un bouton intitul&eacute; (selon la version de votre navigateur) &laquo;Browse&raquo;, &laquo;S&eacute;lectionner&raquo;, &laquo;File&raquo;, &laquo;Fichier&raquo; (2)... 

Lorsque vous cliquez sur ce bouton, une interface s'ouvre, vous permettant de visiter votre disque dur et d'indiquer quel fichier graphique vous voulez s&eacute;lectionner. 

Cela fait, cliquez sur le bouton intitul&eacute; &laquo;T&eacute;l&eacute;charger&raquo;. Si l'op&eacute;ration a r&eacute;ussi, votre image appara&icirc;t dans la colonne de gauche (3), compl&eacute;t&eacute;e de plusieurs indications:


{Taille de l'image.} Juste au-dessus de l'image, la largeur et la hauteur de votre image (en pixels - ou &laquo;points&raquo;) sont rappel&eacute;es. 


{Affichage sous forme de vignette} (4). Afin de pr&eacute;server l'affichage de l'interface de SPIP, les images d'une largeur sup&eacute;rieure &agrave; 200~pixels (200~&laquo;points&raquo;) sont affich&eacute;es sous forme de vignette, c'est-&agrave;-dire avec une taille r&eacute;duite &agrave; cet endroit. Ne vous inqui&eacute;tez pas, lors de l'affichage sur le site public, l'image sera affich&eacute;e &agrave; sa taille d'origine.

{Raccourcis SPIP} (5). Voir ci-apr&egrave;s: SPIP vous rappelle les 3 &laquo;raccourcis&raquo; qui vous permettent d'ins&eacute;rer cette image &agrave; l'int&eacute;rieur de votre texte. Notez que chaque image est &laquo;num&eacute;rot&eacute;e&raquo; ainsi: &laquo;IMG1&raquo;, &laquo;IMG2&raquo;...

{Effacer} (6). Un bouton &laquo;Effacer&raquo; vous permet, comme son nom l'indique, de supprimer une image. 


Vous pouvez recommencer l'op&eacute;ration avec autant d'images que vous le d&eacute;sirez (un article peut contenir autant d'images que n&eacute;cessaire). {Les fichiers graphiques sont stock&eacute;s sur le serveur dans le dossier <TT>/IMG</TT>; notez que les fichiers sont renomm&eacute;s par SPIP.}



- {{Ins&eacute;rer une image &agrave; l'int&eacute;rieur du texte}}

&Agrave; ce stade, les fichiers graphiques sont bien pr&eacute;sents sur le serveur, mais il reste &agrave; indiquer &agrave; quel endroit de votre texte vous voulez les ins&eacute;rer. Pour cela, inutile de faire du HTML, SPIP vous propose un &laquo;raccourcis&raquo; permettant d'ins&eacute;rer votre image simplement.

Pour chaque image, voyez la mention des 3 &laquo;raccourcis&raquo;:
- &lt;IMG1|left&gt;
- &ltCENTER&gt;&lt;IMG1|center&gt;&;lt/CENTER&gt;
- &lt;IMG1|right&gt;

Recopiez l'un de ces raccourcis, et recopiez-le &agrave; l'int&eacute;rieur de la case &laquo;Texte&raquo;, l&agrave; vous d&eacute;sirez le situer dans votre article. &laquo;left&raquo; aligne l'image &agrave; gauche, &laquo;right&raquo; &agrave; droite, et &laquo;center&raquo; place votre image au centre du texte.

Lors de l'affichage &agrave; l'&eacute;cran, SPIP remplacera ces raccourcis par le code HTML correspondant, en calculant automatiquement la taille des images. 

{Notez que SPIP vous &laquo;prot&egrave;ge&raquo; automatiquement contre les erreurs: si vous ins&eacute;rez un raccourcis pour une image qui n'existe pas, ou que vous avez supprim&eacute;e, SPIP supprime purement et simplement le code HTML correspondant.}








