accueil | menu | plan | inscription | rédaction

Ajouter un document, une image, un son, une vidéo...


SPIP vous offre la possibilité d’illustrer vos articles avec des documents, des images, du son et/ou de la vidéo.

Cela s’effectue en plusieurs étapes : vous devez envoyer votre fichier (texte, image, son ou vidéo) vers le site, puis éventuellement l’insérer dans le corps du texte de votre article. Nous verrons dans cet article comment envoyer votre fichier vers le site et dans l’article suivant, comment l’insérer dans votre article.

1. S’assurer qu’il s’agit d’un format compatible avec SPIP

De nombreux formats sont supportés par SPIP, mais dans la plupart des cas, l’internaute ne pourra l’ouvrir que s’il dispose du logiciel approprié. Choisissez donc des formats répandus.

Formats qui peuvent être directement intégrés dans la page :

- Images : JPG, PNG, GIF
- Audio : MP3 (player Flash)
- Vidéo : FLV (player Flash)

Liste exhaustive des formats supportés par SPIP :

- Images et documents : quasiment tous les formats sont acceptés.

- Les formats audio acceptés :

Type Extension Mime
Ogg ogg application/ogg
MP3 mp3 audio/mpeg
RealAudio ra, ram, rm audio/x-pn-realaudio
WAV wav audio/x-wav
AIFF aiff audio/x-aiff
Matroska Audio mka audio/mka
Musical Instrument Digital Interface (Midi) mid audio/midi

- Les formats vidéo acceptés :

Type Extension Mime
Ogg ogg application/ogg
MPEG4 mp4 application/mp4
MPEG mpg video/mpeg
Audio Video Interleave (AVI) avi video/x-msvideo
Flash Video flv video/x-flv
Windows Media Video wmv video/x-ms-wmv
Advanced Streaming Format asf video/x-ms-asf
QuickTime mov, qt video/quicktime
Multiple-image Network Graphics (MNG) mng video/x-mng
Matroska Video mkv video/mkv

2. Envoi des fichiers vers le site (le serveur) grâce à l’interface de téléchargement

- Si vous publiez des images simplement destinées à illustrer votre article, réduisez leur définition à 72 pixels par pouce avant de les envoyer. S’il s’agit d’images de qualité destinées éventuellement à être imprimées par le visiteur, gardez leur définition initiale.

- Lorsque vous modifiez un article ou une brève, la colonne de gauche vous propose une interface intitulée : "Ajouter une image" ou "Ajouter un document". Cela se présente sous la forme d’un champ suivi d’un bouton nommé, suivant les navigateurs, "parcourir", "Browse", "Sélectionner", "File", "Fichier"... Cette interface ne fonctionnera que pour des fichiers peu volumineux (moins de 10 mégas).

PNG - 41.8 ko
Cadre de téléchargement

Lorsque vous cliquez sur ce bouton, une boîte de dialogue s’ouvre, vous permettant de visiter votre disque dur et d’indiquer quel fichier vous voulez sélectionner.

Cela fait, cliquez sur le bouton intitulé "Télécharger".

Si l’opération a réussi, votre document apparaît dans la colonne de gauche. Pour la suite, voir Insérer l’image, le son, la vidéo dans le corps de l’article.

Si l’opération a échoué, il est possible que votre fichier soit trop lourd. Dans ce cas, il s’agira de le télécharger grâce à un logiciel FTP. Contactez la La webmestre pour plus de détails.

Insertion d’une vidéo repérée dans un site de partage de vidéos (YouTube, DailyMotion, etc.)

Sur un tel site, vous trouverez en général aux côtés de la vidéo qui vous intéresse, une ligne de code intitulée "embed". Il vous faudra la copier et la coller directement dans le cadre de rédaction de votre article.

Attention aux droits d’auteur !

À propos de cet article

Publié le mardi 21 octobre 2008

Par
Aurélie , La webmestre
Dans
Documentation
Lu à
14017 reprises
Mots clés:
Vie du site