Page 1 sur 1

[Tuto] Insérer une image dans un post

Posté : mardi 25 février 2020 à 15:04
par Tugdual
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 15510 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.

Re: [Tuto] Insérer une image dans un post

Posté : samedi 16 novembre 2024 à 18:16
par ikh
Et une version vidéo (sans son) des explications de Tugdual ci-dessus.
Le forum en exemple n'est pas Asperansa, mais c'est le même logiciel qui est utilisé.
L'image stockée sur un site à part: casimages.
Cela permet d'économiser les ressources du forum et du compte qu'on a dessus.



Un autre site pour déposer ses images: postimages.
Par rapport à la vidéo ci-après, coller le « lien direct » entre [img] et [/img] dans le message en cours de rédaction.


Re: [Tuto] Insérer une image dans un post

Posté : dimanche 17 novembre 2024 à 12:14
par Cracotte...
Merci :bravo:

Re: [Tuto] Insérer une image dans un post

Posté : dimanche 17 novembre 2024 à 21:52
par Tugdual
L'inconvénient des serveurs externes pour stocker les images est qu'on se retrouve assez régulièrement avec des liens cassés, et donc des images perdues.

Re: [Tuto] Insérer une image dans un post

Posté : dimanche 17 novembre 2024 à 22:54
par ikh
Spoiler : HS : 

Mes statistiques à l'hydrodigital ...
  • Beaucoup d'images d'origine (flemme, manque de temps ...). Principalement d'un grand nid à trolls de mes addictions: 9gag (Rah ! L'aut' com'y poucave !).
  • Quelques tradocches / refaits en hébergement sur postimages, relevées d'un soupçon de contenus originaux.
  • Ajouter une pincée de vidéos posées sur cjoint qui propose sa visionneuse (pas trouvé comment les afficher dans le message façon youtube).
  • Quand l'image provient d'une recherche en ligne: recyclage du cache de (tout à fait pas par hasard) duckduckgo.
    Cerise sur le gâteau, on peut même définir la taille affichée en ajoutant &w=320 ou &h=200 à la fin de l'URL pour honorer le temps jadis du CGA.
Ça m'est arrivé de ne temporairement plus avoir l'image car un site était tombé. Jamais de la voir disparue si le site répond. En cas d'indispo de postimages à la rédac, je me suis eu occasionnellement replié sur cjoint.

Vue la quantité pantagruélique d'idioties éhontées que j'ai postée, je pense que j'aurais déboîté mon quota forumique depuis belle lurette. Et puis, à une époque où règne Madame Cloud qui micro-facture tout, je ne voulais pas plomber les finances de l'assoc' avec mes clowneries d'agent d'ambiance.

Aurais-je fait une ânerie en plus d'en dire ?

Re: [Tuto] Insérer une image dans un post

Posté : lundi 18 novembre 2024 à 10:07
par Tugdual
ikh a écrit : dimanche 17 novembre 2024 à 22:54 Ça m'est arrivé de ne temporairement plus avoir l'image car un site était tombé. Jamais de la voir disparue si le site répond.
Des comptes utilisateurs peuvent être fermés, et leurs images disparaître.

En tout cas, je tombe régulièrement sur des liens morts, sur les forums (y compris ici) et sur les blogs...

ikh a écrit : dimanche 17 novembre 2024 à 22:54 Aurais-je fait une ânerie en plus d'en dire ?
Ce n'est pas une ânerie, mais les deux aspects d'un problème : privilégie-t-on la capacité de stockage en l'externalisant, ou bien la pérennité de l'information en la localisant ?

Personnellement, je préfère la pérennité (sauf pour les vidéos, décidément trop lourdes en stockage).

Côté capacité, le forum est bien pourvu (d'autant que les images ne prennent pas beaucoup de place si elles sont correctement dimensionnées et compressées, d'où mes recommandations en début de fil).


Modifications :
  • 26/11/2024 : Orthographe.

Re: [Tuto] Insérer une image dans un post

Posté : lundi 25 novembre 2024 à 22:53
par ikh
Moi qui étais parti pour remplacer les [img] par des [attachment] sur les messages ciné de Nos traits au hasard des médias. Plus possible d'éditer (trop vieux ?). :–(

Re: [Tuto] Insérer une image dans un post

Posté : lundi 25 novembre 2024 à 23:52
par Curiouser
ikh a écrit : lundi 25 novembre 2024 à 22:53 Moi qui étais parti pour remplacer les [img] par des [attachment] sur les messages ciné de Nos traits au hasard des médias. Plus possible d'éditer (trop vieux ?). :–(
C'est cela, en effet, les messages peuvent être édités pendant 15 jours après leur première publication, pas plus.
(sauf demande spécifique à la modération pour ôter des éléments que l'on souhaite ne plus laisser disponibles)
Spoiler : 
J'avais d'abord écrit "c'est cela, oui", et, bien entendu, la voix de Thierry Lhermitte s'est manifestée aussitôt...
Spoiler : 
Image

Re: [Tuto] Insérer une image dans un post

Posté : mardi 26 novembre 2024 à 20:46
par ikh
Spoiler : 
Curiouser a écrit : lundi 25 novembre 2024 à 23:52 J'avais d'abord écrit "c'est cela, oui", et, bien entendu, la voix de Thierry Lhermitte s'est manifestée aussitôt...
Image


Re: [Tuto] Insérer une image dans un post

Posté : samedi 2 mai 2026 à 0:34
par ikh
Pour faire suite à ce message: viewtopic.php?p=653202&hilit=motivation#p653202, les gif animés en attachement ne passent pas si leur largeur est supérieure à 400 pixels. Au lieu d'afficher directement la pièce-jointe dans le message, une miniature de 400 pixels de large est générée en guise d'aperçu, et l'animation est perdue au passage. Une limitation semblable existe peut-être pour les hauteurs d'images; non testé.
 
Une image de 400px de large, pièce-jointe animée.
boingball_400.gif
boingball_400.gif (509.94 Kio) Vu 38 fois
 
La même image en 401px de large, retaillée à 400px, plus animée.
On note un contour blanc et une URL se terminant par "&t=1".
boingball_401.gif
 
Une balise [img] pointant sur la pièce-jointe précédente (sans le "&t=1"), animée.
Image
 
Pas certain d'être bien compréhensable ni de m'élocuter très correct. Ça se fêtard.

Re: [Tuto] Insérer une image dans un post

Posté : jeudi 7 mai 2026 à 11:06
par ikh
Apparemment, la limite en hauteur est également de 400px.