CCM - Insérer une image dans une discussion

Février 2018




Insérer une image dans une discussion

Insertion via le bouton d'édition

Votre image est enregistrée sur votre pc.
(la joindre directement)

Attention : cette fonction est uniquement disponible dans une réponse.
(ou lors de votre premier message si vous êtes l auteur du sujet, par la suite rester sur votre discussion et utiliser "répondre au sujet" pour joindre d autre photo)
Si vous utilisé l'encadrer "commenter la réponse de ...", vous n'aurez pas cette fonction.


Vous disposez de boutons de mise en forme lors de la rédaction, dont le dernier permet d'insérer une image directement depuis votre ordinateur .

Procéder comme ceci:




Rien de plus simple à utiliser:

- dans votre message, cliquez à l'endroit où vous souhaitez insérer votre image

- cliquer sur le bouton d'insertion.

- une fenêtre s'ouvre, pointer vers l'image à ajouter, puis valider/ouvrir.

- l'image s'affiche sous forme de lien dans votre réponse.
(l'image serra visible après validation de la réponse)

Continuez votre message, ou s'il est terminé, valider.
(Vous pouvez prévisualisez avant validation)

Remarque : une image seule , sans texte, serra rejeter.

----------------------------------------------------ou/et-----------------------------------------------------------

Héberger une image en externe

Vous préférez utiliser un hébergeur.

Des services d'hébergement d'image sont disponibles : Hébergement gratuit d'images et de photos

Reste a insérer le lien obtenue dans votre réponse et valider.

-----------------------------------------------------ou/et----------------------------------------------------------

En mettant un lien vers une image déjà en ligne

Vous prenez pour exemple une image présente 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.
Attention toutefois à la permanence de l'image sur le web.

Mise en forme de l'image (facultatif)

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 :
  • Il faut 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 un 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]]

NB : Si toutefois vous n'arriviez pas à poster une image et qu'un message de refus devait s'afficher :


Vérifiez que dans la dénomination de votre image il n'y ait pas de parenthèses ( )

Dans cet exemple, le fichier (image) à poster contient des parenthèses : "CONNEXION HC (HDMI 1.4 ARC)" , il faut donc que vous renommiez votre fichier comme suit : "CONNEXION HC HDMI 1.4 ARC" et le problème ne se posera plus.

Image cliquable s'ouvrant dans un nouvel onglet

Pour ce faire (Merci à Zipe31)
il suffit de rajouter, en finale, avant le dernier ], les termes "|blank"
ce qui pour l'image proposée, au dessus, 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]|blank]

Publié par sebsauvage.
Ce document intitulé «  CCM - Insérer une image dans une discussion  » issu de CommentCaMarche (http://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.
Profil - Mettre une photo
CCM - Astuces et conseils pour la rédaction