Comment insérer une image ?

[Bruno42]

Bonjour,

 

Je suis nouveau sur l'utilisation de ce forum, et je n'ai pas trouvé d'explication pour insérer une image dans un message...

Faut-il cliquer sur le trombone en bas à gauche, ou bien sur "Insérer un autre média" en bas à droite, se trouver un hébergeur d’image pour obtenir un lien URL puis l'insérer sous ce format "lien direct de l'image" ou en cliquant sur l'icone "lien" dans les boutons au dessus du message,…?

 

Aussi, j’ai remarqué que certaines images dans les posts ne sont pas visibles (il y a juste une icône avec le nom du fichier, et lorsque je clique dessus ça ouvre un nouvel onglet dans le navigateur mais l’image n’apparait pas…), d’autres images sont affichées sous forme de vignette, d’autres en taille ‘réelle’, etc…

Du coup, je me dis qu’il doit y avoir plusieurs méthodes…

Bref, quelles sont les méthodes que vous conseilleriez pour correctement insérer une image au format voulu ?

 

Merci

Modifié 24 juin par Bruno42

[_sb]

Bonjour et sois le bienvenu.

Si tu es sur PC,

1- tu peux glisser et déposer une image depuis ton gestionnaire de fichier dans le bandeau en bas où il y a le « trombone ».

2- Tu peux aussi cliquer sur « Choisir les fichiers » et sélectionner les images que tu souhaites insérer.

3- Tu peux aussi directement coller l'adresse d'une image présente chez un hébergeur, elle s'affichera automatiquement.

4- Tu peux cliquer sur « Insérer un autre média » et choisir « Insérer une image depuis une Url ».

5- Tu peux réinsérer une image que tu avais déjà placé dans un ancien message. Pour cela, clique sur « Insérer un autre média » et choisir « Insérer une pièce jointe déjà existante » (sous-entendu, stockée dans ton espace personnel, méthode 1 ou 2).

 

En tant que membre, tu as un espace personnel de stockage de 100 Mo (1 Go en tant qu'adhérent). Les images que tu ajoutes avec les méthodes 1 et 2 y seront placées. Tu pourras les réutiliser avec la méthode 5.

Les méthodes 3 et 4 ne grèvent pas ton espace de stockage mais tu dois en effet trouver un hébergeur pérenne (nombreux sont ceux qui limitent le stockage dans le temps). Si une image ne s'affiche pas, le plus souvent c'est que soit l'image n'est plus disponible (-> hébergement non pérenne) soit la connexion est lente voire réinitialisée (entre l'hébergeur et ton PC par exemple)

 

Pour ce qui est de la taille affichée des images, une fois insérées, double-clique sur l'image. Tu auras une popup te permettant d'ajouter un titre, une balise et d'en modifier la taille affichée (la taille réelle est inchangée).

Modifié 24 juin par _sb

[Bruno42]

Merci _sb pour cette réponse synthétique qui présente très clairement les différentes possibilités pour insérer une image 👍

Je pense qu'elle mériterait d'être épinglée pour ceux qui se poserait éventuellement la même question sur les différentes possibilités d'insérer des images dans nos posts...

 

Je suis effectivement sur PC et je comprend mieux le principe de fonctionnement, et aussi pourquoi des images n'apparaissent plus dans certains posts etc...

 

Une petite précision quand même, c'est qu'en tant que nouveau membre, sous le trombone il est actuellement affiché "Taille maximale totale : 9.77Mo" (et non 100Mo) alors que je n'ai actuellement uploadé aucune image dans le serveur du forum...

Allez, je vais insérer l'image de ce que je viens de dire avec la méthode 1- pour voir si j'ai bien compris ...:

 

... et voici ce que ça donne si je redimensionne avec un ratio conservé de 1/2 :

 

En complément, de ce que je peux voir c'est qu'avec la méthode 1- et 2-, pour insérer l'image dans le texte que l'on veut poster, depuis le gestionnaire de fichiers on peut aussi faire glisser l'image à l'endroit voulu dans le texte, et elle est directement uploadée dans mon espace personnel du forum. Ce serait une alternative...

 

Bonne journée

[Bruno42]

Je ne sais pas si c’est un bon hébergement WEB pérenne, mais pour info j’ai par exemple trouvé cet hébergeur gratuit d’images  :

https://servimg.com/?lang=fr

Une fois inscrit, d’après les CGU, il est possible d’y stocker 2Mo/image au format jpg, png et gif

Et si l’image n’est pas consultée pendant 5 ans, alors l’hébergeur la supprime

Il n’est pas indiqué de limite de stockage

Si j'insère l'image au dessus en cliquant sur le symbole "Lien" du forum, on peut lui donner un nom comme ICI

Avec le service gratuit de ce site, l'image est automatiquement traitée (qualité réduite)

 

Une fois l’image hébergée sur ce site, ça donne accès à plusieurs liens :

 

Et voici ce que ça donne si l'on fait un copier/coller des liens pour :

Un lien direct :

https://i.servimg.com/u/f59/19/60/25/66/test_210.jpg

 

en BBCode miniature :

https://i.servimg.com/u/f59/19/60/25/66/th/test_210.jpg[/img][/url]

 

en BBCode image :

https://i.servimg.com/u/f59/19/60/25/66/test_210.jpg[/img][/url]

 

et avec le lien miniature HTML :

<a href="https://servimg.com/view/19602566/1"  target="_blank" ><img src="https://i.servimg.com/u/f59/19/60/25/66/th/test_210.jpg" border="0" alt="Image hébergée par servimg.com" /></a>

 

Si j'utilise la fonction du forum "Insérer un autre média" depuis une URL :

https://servimg.com/view/19602566/2

 

Voilà, je pense avoir illustré la réponse de _sb en testant par la même occasion les différentes possibilités pour voir ce que ça donne, ce qui me permettra d'ajouter des images dans mes posts de ce forum au format voulu

 

A+

 

Modifié 25 juin par Bruno42

[Damia]

Alors les hébergeurs gratuits (qui ne sont pas si gratuits que ça, car financés par de la pub), j'éviterai autant que possible.

 

Question : est-ce qu'en plus d'un compte forum, tu as un compte site ? Parce que si tu as un compte site, tu peux aussi bénéficier d'un espace d'hébergement. Mais apparemment je n'arrive plus accéder au mien par contre… Donc on oublie cette solution pour le moment.

 

Pour l'espace de stockage forum, en effet, je trouve étrange que tu n'aies que 10 Mo (même moins visiblement) au lieu des 100 Mo expliqué par @_sb Peut-être parce que tu es encore en mode prévisualisation de messages ? Et que tu n'es pas encore membre forum à part entière ?

 

Quoiqu'il en soit, tu sembles être préoccupé par le fait de pouvoir poster ici pas mal d'images. Alors ce que je peux te conseiller, c'est d'investir un peu d'argent chaque année pour un serveur web qui te servira d'espace de stockage.  Chez OVH par exemple, tu peux trouver des solutions d'hébergement vraiment pas chères (genre une quinzaine d'euro à l'année), avec ton propre nom de domaine, que tu peux gérer comme tu veux. Et cela vaut vraiment la peine de se pencher là-dessus, car c'est ton serveur, tu le gardes autant que tu veux, tout ce que tu y stockera restera. Cela demande un peu de "technicité", il te faudra te munir d'un logiciel pouvant utiliser le protocole ftp. Et pour le prix, c'est à peine le prix d'une clé USB ^^ Mais au moins, tu n'aura plus à stresser pour ça, et à l'avenir tu peux même faire évoluer ton serveur pour plus d'espace.

 

Enfin, je ne peux pas insister suffisamment là-dessus : dimensionnes correctement tes images pour un accès web facilité, ne postes jamais les images en pleine résolution. Quelque choses entre 1200/1920 px en largeur est très bien pour la plupart des affichages

 

 

[Bruno42]

Mouais, pas terrible la fonction copier/coller de tout le lien ; je n'obtiens pas la présentation d'image voulue, dsl...

Je dois mal procéder

Voyons ce que ça donner si je sépare ce qui est entre les 2 premières accolades dans le lien BBCode et en supprimant la dernière accolade :

 

 

 

 

 

Modifié 25 juin par Bruno42

[Bruno42]

@Damia, je ne sais pas comment accéder au mode « prévisualisation de message », ce serait effectivement vraiment très pratique car là j'ai vraiment l'impression de m'embêter pour rien, mais peut-être que je n’y ai pas accès (en tout cas je ne sais pas comment) car je suis un nouveau membre sur ce forum et à chaque fois mon post doit être approuvé par un modérateur avant d’être publié…(?)

Je ne compte pas spécialement publier un grand nombre d’images, mais lorsque j’en aurai à insérer dans un msg, j’aimerais qu’elle le soit au format voulu… Car je trouve que dans un post il est parfois plus agréable d’avoir une image entière, des fois une vignette suffit pour la lisibilité, des fois un lien, etc…

 

Merci pour le conseil de redimensionner la résolution des images, c’est en principe ce que je fais avant d’en insérer.

 

Pour ce qui est d’avoir un serveur web payant pour y stocker des fichiers à l’extérieur de chez moi, ce qui, si j’ai +/- compris, le principe serait une sorte de cloud en fait, un disque dur ‘déporté’ dont je pourrais accéder à son contenu de n’importe quel post informatique… (?) ; si c’est ça, je n’y suis pas très favorable sur le principe, ni à priori pour mon intérêt d’utilisation, pour le moment en tout cas – mais j’avoue que je ne connais peut-être pas les autres fonctionnalités que ça pourrait m’apporter…

En fait, pour mes sauvegardes et l’accès à mes fichiers ‘partagés’ depuis un PC ou un smartphone, actuellement depuis chez moi uniquement, j’utilise un serveur NAS Synology DS212J qui avec ses fonctions DLNA me permet aussi d’accèder aux fichiers multimédias qu’il contient depuis ma TV, mon Homecinema, mon enregistreur TNT, et tout ça reste chez moi ;).

Je pense que mon NAS pourrait sans doute pouvoir me servir de serveur WEB, mais honnêtement je ne m’y connais pas assez en réseau informatique pour le configurer correctement tout en protégeant efficacement son contenu, .

Pour le compléter et augmenter sa capacité, je compte m'installer un nouveau NAS . Ce sera l'occasion pour que je m’intéresse à voir la possibilité de l'utiliser en serveur WEB, mais il faudra sans doute que j'ouvre des ports sur mon router, et de fait mon réseau interne serait moins sécurisé par rapport à des personnes malveillantes. Enfin, je dis ça mais je ne sais pas trop en fait ; il y a peut être des configurations qui ne permettraient de n'ouvrir qu'une partie de mon réseau ...?

Enfin, que l'image soit stockée sur un serveur WEB payant ou sur un serveur WEB avec mon NAS, le script devrait être le même pour insérer l'image dans le message, non ?

 

 

PS: j'essaie un autre script pour insérer une image...

https://servimg.com/view/19602566/3

 

<img src="https://servimg.com/view/19602566/4" border="0" alt="Image hébergée par servimg.com" />

[Damia]

Y a pas besoin de scripts pour insérer d'images ici.

 

L'éditeur de texte c'est du WYSIWYG (What You See Is What You Get), donc ça apparaîtra parfaitement comme tu l'as rédigé. C'est déjà de la prévisualisation.

 

Mais tu dois confondre avec ce que je t'ai dit «mode prévisualisation de messages» veut dire que tes messages ne sont pas postés directement sur le forum. Ils sont en attente de validation par des gens de l'équipe de modération, dont je fais partie, pour les rendre visibles.

 

Pour une image, juste l'url complète de l'image suffit et elle s'affichera. Après, le forum ajuste dynamiquement la dimension pour pas que ça explose la largeur de la colonne du message.

 

Enfin, quand je te parle d'un serveur web, je te parle pas nécessairement d'une machine distante que tu auras à configurer (sauf si tu prends un hébergement dédié). Là je te parle d'hébergement mutualisé, où t'as rien à t'occuper partie technique. Tu obtiendras une adresse web avec l'extension que tu veux (.net, .fr, etc.), et dedans bah ça fonctionne comme un stockage distant : tu mets des dossiers ou non, tu mets tes images via FTP, et hop. Et nul besoin de scripts ici, loin est l'époque des forum en PHP-BB où fallait mettre des balises et autres. Juste l'url complète de ton image et elle s'affichera dynamiquement.

 

 

[Bruno42]

Merci pour ces précisions

 

Alors pour ce qui est des scripts pour insérer une image, effectivement j'avais "l'habitude" d'utiliser d'autres forums (ça ne me rajeunit pas ) où il fallait souvent procéder comme j'essayais de le faire ici pour obtenir l'affichage souhaité. En bas, je vais maintenant essayer de tester comme j'ai compris en suivant tes indications.

Pour la prévisualisation, si j'ai bien compris, maintenant ça se fait directement dans la fenêtre où l'on écrit notre message ; alors qu'à l'époque il y avait un bouton genre "Prévisualiser le message" que l'on pouvait cliquer avant d'envoyer le message - ok ok, cette disparition de fonction ne me rajeunit toujours pas  ! Il est vrai que ça fait assez longtemps que je ne postais plus dans des forums, je me remets à jour...

 

Pour continuer de m'actualiser, je pense avoir compris comment se servir du bouton Lien en forme d'anneau, en haut à gauche de la liste des smileys ; par contre, je n'arrive pas à comprendre comment utiliser le bouton Citation, car lorsque je clique dessus ça fait apparaître une fenêtre vide comme ci-dessous, et je n'arrive pas par exemple à y insérer la partie d'un message que je voudrais citer... :

Citation

 

Idem pour le bouton Code avec les signes <> ; à quoi sert-il et comment l'utiliser ?

 

Et pour le serveur WEB pour y stocker ses fichiers, est-ce que ce serait vraiment compliqué comme je l'appréhende pour le faire de façon sécurisé sur mon NAS ? 

Je trouve en effet dommage d'avoir potentiellement le matériel pour le faire sur mon NAS, mais si ça compromet la sécurité de mon réseau ou si ce serait trop compliqué à configurer je préfère m'en passer, tant pis...

 

 

TEST :

Voici l'url complète de l'image :

https://servimg.com/view/19602566/5

A noter qu'au moment où j'écris, avant de cliquer sur le bouton "Envoyer" je vois bien le lien de l'image qui est souligné, mais pas l'image...

 

Voici ce que ça donne si je fais un glisser du fichier dans cette fenêtre :

 

La même façon d'insertion, suivi d'un redimensionnement 1/2 :

 

 

[_sb]

Pour une citation, tu as en gros deux solutions pour le même résultat :

 

1-

Il y a 2 heures, Bruno42 a dit :

je n'arrive pas à comprendre comment utiliser le bouton Citation, car lorsque je clique dessus ça fait apparaître une fenêtre vide comme ci-dessous, et je n'arrive pas par exemple à y insérer la partie d'un message que je voudrais citer... 

 

2-

Citation

je n'arrive pas à comprendre comment utiliser le bouton Citation, car lorsque je clique dessus ça fait apparaître une fenêtre vide comme ci-dessous, et je n'arrive pas par exemple à y insérer la partie d'un message que je voudrais citer...

 

1- Tu sélectionnes le passage d'un intervenant du forum que tu souhaites citer et tu auras un petit lien en bout de sélection « citer ceci ». Clique sur « citer ceci » et la citation sera automatiquement créée.

 

2- Tu sélectionnes le passage d'un intervenant du forum ou n'importe quel autre texte ailleurs sur la toile ou sur ton PC. Tu le copies (clic droit à la souris « copier » ou via le clavier avec CTRL+C). Tu appuies sur l'icône Citation (les guillemets), tu places le curseur de la souris dans le rectangle de la citation et tu colles (clic droit « coller » ou CTRL+V).

 

Comme son nom l'indique, le bouton Code sert à insérer des éléments de programmation (code informatique). Par exemple :

 

import sys
import requests

r = requests.get (url)
with open ("r.grib2", "wb") as fp:
  fp.write (r.content)

sys.exit (0)

 

Pour cela, copie un extrait de code que tu souhaites partager, clique sur le bouton Code, place le curseur dedans et colle le code.

 

Pour les images, plus ton image est à haute résolution et/ou de grande taille, plus son poids sera important (et prendras beaucoup d'espace de stockage). Selon le type/l'intérêt de l'image à insérer, il peut être très judicieux d'abaisser sa résolution et/ou sa taille réelle. Ou encore de la compresser en jpeg si elle est en png ou en tiff (en jpeg, l'image perd de l'information mais dans la plupart des cas ce n'est pas significatif si l'image de départ n'a pas un intérêt particulier). Ou encore de la passer en 8-bits (255 couleurs) si elle est en png et contient peu d'infos, comme des cartes issues des modèles de prévisions numériques du temps.

Modifié 25 juin par _sb

[Bruno42]

Il y a 10 heures, _sb a dit :

...tu as en gros deux solutions pour le même résultat :

Des explications toujours aussi nettes, claires et précises, point par point... J'adore

Nickel pour l'utilisation des citations, la fonction est vraiment bien faite 👌

 

Pour le bouton Code, dans mon cursus j'ai déjà programmé en Basic, en Pascal, en TurboC, en assembleur, quelques macros sur Excel... mais je ne vois pas vraiment l'intérêt d'insérer le texte du code que l'on voudrait partager avec ce Bouton Code, mis à part que ça semble le montrer dans une fenêtre spécifique...? Un simple copier/coller du texte du code dans le message (sans utiliser ce Bouton Code) serait-t-il équivalent ? Je pensais qu'avec ce bouton Code, le code était éventuellement compilé et exécuté à l'affichage du post pour certaines fonctionnalités...

 

Et pas d'avis sur le serveur WEB à la maison ?

Il y a 13 heures, Bruno42 a dit :

Et pour le serveur WEB pour y stocker ses fichiers, est-ce que ce serait vraiment compliqué comme je l'appréhende pour le faire de façon sécurisé sur mon NAS ? 

Je trouve en effet dommage d'avoir potentiellement le matériel pour le faire sur mon NAS, mais si ça compromet la sécurité de mon réseau ou si ce serait trop compliqué à configurer je préfère m'en passer, tant pis...

A part la fonction de serveur WEB, le stockage des mesures météo directement (ou transférées périodiquement) dans mon serveur NAS de la maison serait-il possible en utilisant un programme spécifique de récupération/transfert des données ?

 

A la lecture de nombreux posts sur le site d'IC, un autre point attire ma curiosité : comment faites-vous pour afficher ce genre de bouton dans le message :

 

Bonne journée

Modifié 26 juin par Bruno42

[Damia]

Simple : tu tapes "@" et tu composes les premières lettres du pseudo que tu veux mentionner. Une petite liste déroulante va apparaître. Tu cherches le pseudo que tu veux mentionner, tu cliques dessus et hop !

[Bruno42]

Ah oui @Damia , c'est effectivement très simple et ça à l'air de fonctionner cette fois  ; alors que c'est comme ça que je l'avais intuitivement écrit au dessus, mais comme ça n'avait pas fonctionné je me disais qu'il devait y avoir une astuce...:

Il y a 22 heures, Bruno42 a dit :

@Damia, je ne sais pas comment...

En fait, je l'avais écrit correctement mais sans sélectionner dans la liste déroulante je pense ; c'est ça "l'astuce" 

Merci

Modifié 26 juin par Bruno42

[Bruno42]

Autre chose, je n'arrive pas à insérer une "signature"...

Dans mon compte, je suis allé dans le menu Profil / Modifier le profil / Informations personnelles / A propos de moi , j'ai écrit un texte et inséré une image dans la fenêtre mais ça n’apparaît pas en bas de mes messages

Je pensais avoir cherché partout dans les menus de mon compte, mais je ne trouve pas un autre endroit où je pourrais paramétrer ma signature... ?

 

[Damia]

En effet.

 

C'est un peu une confusion dans l'interface du forum.

 

En fait, il faut que tu ailles au même endroit, sauf qu'au lieu de Profil tu vas dans Paramètres > Paramètres du compte. De là, tu aura accès à une fenêtre et un menu situé à gauche. Dedans tu trouvera "Signature" ou quelque chose comme ça. Tu pourras la compléter. Le formulaire pour faire une signature est identique au formulaire d'envoi de messages sur le forum (WYSIWIG tout ça).

[Bruno42]

Effectivement, je n'étais pas au bon endroit, c'était pourtant sous mon nez ...

Bon, maintenant je pense que je me suis mieux familiarisé avec l'interface de ce forum grâce à votre aide 

 

 

 

Modifié 26 juin par Bruno42

[_sb]

Il y a 12 heures, Bruno42 a dit :

mais je ne vois pas vraiment l'intérêt d'insérer le texte du code que l'on voudrait partager avec ce Bouton Code, mis à part que ça semble le montrer dans une fenêtre spécifique...? Un simple copier/coller du texte du code dans le message (sans utiliser ce Bouton Code) serait-t-il équivalent ?

 

L'intérêt est de partager du code informatique La météo et la climato utilisent l'informatique à foison, suivant les échanges, du code peut être partagé.

L'autre intérêt est d'utiliser une coloration syntaxique mettant en exergue la grammaire du langage pour une lecture aisée.

Dans le message, le code ne serait pas mis en valeur.

[Bruno42]

il y a 13 minutes, _sb a dit :

L'autre intérêt est d'utiliser une coloration syntaxique mettant en exergue la grammaire du langage pour une lecture aisée.

Dans le message, le code ne serait pas mis en valeur.

Ah OK, capté