Comment insérer une image dans mon message ?

Comment insérer des images dans mon message sur le forum ?

Voilà une question récurrente posée par nombre de nouveaux forumeurs qui ne sont pas encore habitués à poster des images.

Tout d'abord, il faut savoir qu'une image (graphique, photo, etc.) n'est accessible et affichable qu'au travers de son adresse sur le net (pas par son emplacement sur votre disque dur !). Il est donc nécessaire d'héberger son fichier image (en général au format JPG, mais le GIF ou PNG, plus rares, fonctionnent aussi) sur un serveur qui va stocker ce ou ces fichiers sur son disque et fournir le fameux lien (l'adresse URL qui commence par "http://...") qui permettra de l'afficher.

Il existe plein d'hébergeurs de fichiers, certains sont gratuits, d'autres payants (au-delà d'une certaine capacité par exemple). Certains sites proposent en outre des utilitaires en ligne pour retravailler les photos (redimensionner, recadrer, régler la luminosité et le contraste, etc.) avant de les enregistrer. On peut aussi naturellement "travailler" les photos avec un logiciel de retouches d'image présent sur son ordi perso (Paintshop, Gimp, Photoshop, etc.) avant de les télécharger sur le net.

A noter à ce propos que, pour afficher confortablement les images sans déformer les cadres du forum, il est fortement recommandé de ne pas dépasser une largeur maxi de 640 pixels (on peut toujours faire un hyperlien sur l'image qui peut renvoyer à une version plus agrandie qui s'affichera dans le navigateur, si on le souhaite).

Donc, première étape, redimensionner et retraiter ses photos si besoin (de préférence en local, sur son ordi).

Deuxième étape, héberger sa ou ses photos retraitées sur un serveur accessible sur le net. Par défaut, le site forumactif dispose d'un serveur d'images ( https://servimg.com ) que l'on appelle en cliquant sur le premier des 5 boutons-icônes sur la droite au-dessus de la fenêtre d'édition de son message ("Poster un nouveau sujet", bouton "Héberger une image"). Là, le fichier peut être téléchargé ("upload" en anglais) depuis son ordi (bouton "Parcourir") ou depuis l'internet (via l'adresse URL du fichier : attention, ce n'est pas l'adresse de la page HTML qui le contient !) et il peut être également redimensionné si ça n'a pas déjà été fait (préférer 640 px à 800 px pour la largeur). Puis bouton "Envoyer". La 3e ligne sur la fenêtre qui s'ouvre fournit l'adresse URL directe de l'image ainsi hébergée. Il suffit de la copier (bouton "Copier" sur la droite), puis de cliquer sur le bouton-icône "Image" (qui se trouve à côté de celui précédemment utilisé "Héberger une image") et de coller (Ctrl-v) le lien dans la nouvelle fenêtre. En appuyant sur "Ok", le code d'insertion de l'image apparaît dans la fenêtre d'édition du message :

Code:

[img]http://monhebergeur.com/imagetest.jpg[/img]

(j'ai mis n'importe quoi comme adresse URL)

Vous pouvez vérifier le résultat avec le bouton "Prévisualisation" qui se trouve sous le cadre du message. Cette image peut-être positionnée à droite, à gauche ou centrée avec les boutons-icônes adéquats : sélectionner la ligne de code de l'image et cliquer sur l'un de ces boutons, ce qui donnera par exemple pour une image centrée :

Code:

[center][img]http://monhebergeur.com/imagetest.jpg[/img][/center]

Avec une légende également centrée :

Code:

[center][img]http://monhebergeur.com/imagetest.jpg[/img]

Ceci est la légende de la photo[/center]

Deux images côte-à-côte :

Code:

[center][img]http://monhebergeur.com/imagetest1.jpg[/img] [img]http://monhebergeur.com/imagetest2.jpg[/img][/center]

Et ainsi de suite.

A votre convenance, il existe aussi d'autres hébergeurs d'images, comme http://www.imageshack.us ou https://www.photobucket.com, etc. Une fois le lien direct vers l'adresse URL du fichier hébergé copiée sur le site en question, on passe toujours par le bouton "Image" du forum et on colle cette adresse.

Exemple :

Code:

[center][img]http://img825.imageshack.us/img825/2053/img5409s.jpg[/img][/center]

De la même façon, prévisualiser avant d'envoyer pour vérifier le résultat à l'affichage (note : le cadre de la prévisualisation est plus grand que le cadre final sur le forum).

Pour mettre un hyperlien sur une image, par exemple pour pointer vers une image plus agrandie, utiliser la balise "url". Par exemple :

Code:

[center][url=http://monhebergeur.com/image_1200px.jpg][img]http://monhebergeur.com/image_640px.jpg[/img][/url][/center]

Ici, en cliquant sur l'image à l'adresse "http://monhebergeur.com/image_640px.jpg", on pointe vers une autre image à l'adresse "http://monhebergeur.com/image_1200px.jpg" qui s'affichera dans le navigateur.

Est-ce suffisamment clair ? Si non, je ferai des copies d'écran. Et si les manips vous paraissent trop complexes, une âme charitable les fera pour vous (on peut me contacter par MP).

Et n'oubliez pas que le contenu de votre message peut être ultérieurement modifié (par exemple si le résultat posté ne vous plait pas) avec le bouton "Editer".