[Tuto] Insérer une image dans un post

Toutes discussions et/ou suggestions concernant le site et le forum sont ici les bienvenues.
Répondre
Message
Auteur
Avatar du membre
Tugdual
Modérateur
Messages : 40049
Enregistré le : jeudi 15 novembre 2012 à 0:13
Localisation : Nord-44
Contact :

[Tuto] Insérer une image dans un post

#1 Message par Tugdual » mardi 25 février 2020 à 15:04

Pour une image se trouvant sur votre ordinateur :

Sous la zone d'édition d'un message :
  1. cliquer sur l'onglet "Fichiers joints" ;
  2. cliquer sur le bouton "Ajouter des fichiers" ;
  3. sélectionner un fichier local et valider ;
  4. attendre que le bouton "Insérer dans le message" apparaisse (le temps du téléchargement du fichier sur le serveur) ;
  5. dans la zone d'édition, positionner le curseur à l'endroit où on veut voir apparaître l'image ;
  6. cliquer sur le bouton "Insérer dans le message" ;
  7. ceci ajoutera dans la zone d'édition quelque chose du genre :

    Code : Tout sélectionner

    [attachment=0]logonew.png[/attachment]
  8. avec pour résultat à l'affichage :
    logonew.png
    logonew.png (50.43 Kio) Vu 1486 fois
Conseil :
  1. réduire la résolution de l'image avant de la télécharger (viser 1024x768 ou approchant) ;
  2. comprimer sérieusement en JPEG pour viser une taille de fichier minimum (moins de 250 Ko).

Ceci de façon à ne pas surcharger inutilement le serveur et ne pas ralentir l'affichage ultérieur de la page ...


Pour une image se trouvant sur le web :

D'abord, avec votre navigateur préféré :
  1. amener votre curseur au dessus de l'image ;
  2. faire un click-droit ;
  3. sélectionner l'option "copier l'adresse du lien" ou "copier l'adresse de l'image" ;
Ensuite, dans la zone d'édition d'un message :
  1. dans la zone d'édition, positionner le curseur à l'endroit où on veut voir apparaître l'image ;
  2. cliquer sur le bouton "Insérer une image" (juste au dessus de la zone d'édition) ;
  3. ceci fait apparaître dans la zone d'édition la balise :

    Code : Tout sélectionner

    [img][/img]
  4. coller (CTRL+V) l'adresse de l'image dans la balise ;
  5. cela donne, par exemple :

    Code : Tout sélectionner

    [img]https://www.asperansa.org/pict/logonew.png[/img]
  6. avec pour résultat à l'affichage :
    Image
Conseil : là encore, éviter de mettre des images trop grandes.
TCS = trouble de la communication sociale (24/09/2014).

Répondre