Insérer une image dans la FAQ de CommentCaMarche

Septembre 2016


Comment insérer une image dans une FAQ


Insérer des captures d'écran peut aider à la compréhension d'une explication.
Voici comment procéder pour améliorer les Astuces de CommentçaMarche (les FAQ).

À noter :
  • Votre image doit être au format PNG, JPG ou GIF.
  • L'image stockée sur les serveurs de CCM sera au format PNG.
  • Par défaut, l'image dans la FAQ sera alignée à droite et limitée à 500 pixels. Cet article expliquera comment modifier ces valeurs.



Charger une image


Il y a deux manière d'insérer une image : soit utiliser une image présente sur votre disque dur, soit indiquer l'URL d'une image sur internet.

Image sur disque dur


Cliquez à l'endroit où vous souhaitez insérer votre image.
Cliquez sur le bouton "Parcourir" et sélectionnez votre image, puis cliquez sur "Charger":



Ce qui recharge la page. Vous verrez alors le code qui permet d'inclure votre image dans votre texte :



Image sur internet


Cliquez à l'endroit où vous souhaitez insérer votre image.
Mettre Image: suivi de l'URL de l'image, le tout entre simples crochets.
(Il ne faut pas d'espaces entre les crochets, Image et les deux points)
Vous pouvez limiter la taille de l'image entre simples barres :


L'image s'affichera telle qu'elle est hébergée sur le web, ce qui peut être très pratique, par exemple, pour intégrer une image animée Gif, comme à la fin de cette astuce.
Attention toutefois à la permanence de l'image sur le web.

Alignement


Par défaut, l'image est alignée à droite (valeur |right dans la fin de la balise) :
  • Pour centrer l'image, supprimez le mot right :
  • Pour aligner l'image à gauche, remplacez |right par |left :

Images cliquables


Les images qui font plus de 500 pixels de large seront systématiquement réduites à 500 pixels.
Pour permettre un affichage agrandi de vos images vous devrez modifier manuellement vos liens.

Après avoir chargé votre image vous obtenez ce lien :

[Image: http://static.ccm2.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage-s-.png|500px|right]


Pour créer une image cliquable :
  • Copier l'URL de l'image, de http à .png.
  • Ajouter un espace
  • Ajouter un symbole "[" en début de ligne (cliquer sur Alt Gr+5).
  • Coller l'URL après le "[" en supprimant le -s-
  • Ajouter le symbole " ] " en + à la fin de la balise (cliquer sur Alt Gr+°).


Ce qui donnera :

[http://static.ccm2.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage.png [Image: http://static.commentcamarche.net/www.commentcamarche.net/pictures/zUtD2iXG-monimage-s-.png|500px|right]]


Merci a Ced_king pour ces explications.

Où trouver des images ?


Vous aurez pu remarquer que la plupart des articles sont illustrés d'images.
  • Faites attention à utiliser des images dont vous avez les droits, ou dont les auteurs ont donné les droits.
  • Le plus simple est d'utiliser des images sous licence CreativeCommons (cc), licence compatible avec celle de CommentÇaMarche.
    • Il vous suffit d'aller sur http://search.creativecommons.org/ ,onglet "Flickr" et d'utiliser des mots clés (par exemple "harddisk" ou "harddrive" pour des images de disque dur, "USB"/"USB disk","Flashdisk" pour des clés USB, "lock" pour des images de cadenas, etc.)
    • Vous pouvez également utiliser http://www.compfight.com/, et cliquez plusieurs fois sur "Creative Commons" jusqu'à ce qu'il affiche "Only".

A voir également :

Ce document intitulé «  Insérer une image dans la FAQ de CommentCaMarche  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.