Insérer une photo dans un message

[Ernie]

Prérequis :
Vous avez des photos  (en jpeg) sur votre pc et vous voulez les montrer sur le forum.
Vous avez des photos sur des sites d'hébergement (www.casimages.com, www.hostingpics.fr, www.flickr.fr, etc) et vous voulez les montrer sur le forum.

Bon à savoir :
Il vous faudra les redimensionner en 1024 pixels maximum avant toute chose.
C'est la taille maximale autorisée pour apparaître sur le forum. Tout contrevenant sera... vous connaissez la suite.
Il faut aussi savoir trouver le lien de sa photo chez son hébergeur (ex : "www.hébergeur/dossier1/image02.jpg") et le copier (copier/coller par clique droit sur la souris, par exemple).
Petit rappel, c'est 3 photos maxi par jour sur la plupart des galeries.

Bon à savoir bis (petit aparté pas grave mais intéressant à savoir) :
Les exifs (données incluses par défaut dans les images et indiquant les conditions de prise de vue : appareil, objectif, ouverture, vitesse, iso, etc, etc) seront parfois obligatoires (réponses à concours ou demande d'aide sur une réalisation à commenter).

On commence :
A la création d'un message vous trouvez une ligne d’icônes au-dessus.
Voici les deux qui vont vous servir :


CAS 1 Icone de droite. Les photos sont chez un hébergeur et vous savez copier le lien de la photo.
En cliquant sur l'icône de droite, cette fenêtre s'ouvre. Elle vous indique où coller le lien de votre photo.
Il suffit ensuite de cliquer sur "insérer" et le lien apparait directement là où se trouvait votre curseur dans le message.


Ça écrit un truc du style : (url=https://servimg.com/view/18082515/52)(img)https://i.servimg.com/u/f19/18/08/25/15/captur12.jpg(/img)(/url)  dans le message mais à l'enregistrement (où à la prévisualisation, bien pratique pour vérifier) ça affichera l'image choisie.


CAS 2 Icône de gauche. Les photos sont sur votre disque dur.
En cliquant sur l’icône de gauche, cette fenêtre s'ouvre. Elle va vous demander d'aller chercher la photo voulue, puis de la dimensionner. On répondra "NON" car elle devra déjà être faite aux bonnes dimensions (voir plus haut).



Après avoir appuyé sur "envoyer" une autre fenêtre s'ouvre, comme celle-ci avec trois lignes remplies de sigles incompréhensibles.



Avec le clic droit de la souris, on pointe la ligne du milieu et on "copie" directement la ligne.
On revient dans son message en cliquant gauche là où on veut insérer l'image puis on clique droit et "coller".
Une ligne incompréhensible s'affiche alors.
Comme pour la cas 1 c'est en envoyant le message ou en le prévisualisant avant qu'on verra apparaître l'image.

Pour les personnes sceptiques, toutes les copies d'écran de ce message ont été insérée par la méthode du cas 2.

Bonne insertion à tous.

[Papadji]

Clair et efficace, Ernie, même si je ne comprends pas trop pourquoi dissuader le redimensionnement via Servimages, qui est certainement utile dans de nombreux cas.

[Jean-Mi83]

Hello,

Tout simplement parce que les fonctions de redimensionnement des hébergeurs génèrent des fichiers de très mauvaises qualité et que de plus elles sont loin d'être intuitives pour les débutants.

[Ernie]

EN UTILISANT FLICKR
TUTO AIMABLEMENT PROPOSE PAR Flore.a (un grand merci à elle)


Flickr est capable de générer seul le BBcode (code à insérer dans son message) pour un forum et on peut choisir la taille de la photo à afficher (bonne nouvelle : 1024 de large fait partie des choix proposés).
Il n'y a plus ensuite qu'à coller le code proposé dans un message.



Gros avantages : simplicité pour l'utilisateur (un simple bouton pour générer l'URL) et qualité conservée puisque c'est la version 1024 stockée sur flickr qui est affichée sur le forum. Et le lien donne accès aux autres tailles (si l'utilisateur flickr le permet).

Exemple de code à coller dans un message :

Code:

[url=https://flic.kr/p/kgiuL5][img]https://farm3.staticflickr.com/2818/12643939684_030bbf2d99_b.jpg[/img][/url][url=https://flic.kr/p/kgiuL5]Remparts de St Malo[/url] by [url=https://www.flickr.com/people/24133499@N07/]Flore Allemandou[/url], on Flickr

Précision au sujet des Exifs Edit heLGer 31/01/2017

Pour que les exifs passent via Flickr il faut utiliser l'image en taille originale.
Il faut donc redimensionner avant de uploader sur flickr, c’est-à-dire 1024 maximum.

[Ernie]

EN UTILISANT DROPBOX
TUTO AIMABLEMENT PROPOSE PAR Narbé (un grand merci à lui)


Une des solutions préconisée est de s'auto-héberger, je suis d'accord.

A ce propos, je viens de découvrir quelque chose, qui pourrait en intéresser plus d'un : il est possible de publier des photos ici à partir d'un compte Dropbox (tout le le monde peut en ouvrir un gratuitement, avec au minimum 2Go de stockage, et des tas de manières d'en avoir un peu plus).

Je laisse le soin à qui en aura envie/le temps de faire un tuto plus détaillé/complet sur la méthode, je ne donne ici que les grandes lignes pour comprendre (ce que j'indique correspond à l'application Web de Dropbox, adapter si vous utilisez un client direct, mais le principe reste le même) :

- avoir/ouvrir un compte Dropbox
- déposer la/les photo(s) que l'on veut publier dans un répertoire, dédié ou pas, c'est selon le souhait de chacun(e).
(par exemple, dans /Photos/KparK (le répertoire Photos ayant l'avantage de pouvoir être parcouru aussi bien en mode "fichiers" qu'en mode "photos" avec visualisation adaptée).
- en mode fichier (si on est en mode "photos", clic droit sur la photo et "afficher dans le dossier"), sur le fichier contenant l'image, clic droit, "Partager".
- recopier le lien de partage qui est donné. Selon l'emplacement du fichier (Photos, ou Public, ou ailleurs), ce lien peut différer.
- coller ce lien (URL) ici avec l'outil d'insertion d'image
- si le lien se termine par "dl=0" (normalement, il doit), remplacer le code PhpBB par "dl=1" à la fin de l'URL ("dl" comme download, sinon, l'image ne s'affiche pas !)

Et c'est tout, et ça doit marcher. L'image ci-dessous est publié ainsi depuis un compte Dropbox.

Ainsi, il est possible pour qui le veut de maitriser complètement sa publication de photos en mode fichiers réels, sans intermédiaire qui les transforme en route, et accessoirement impose des conditions de copyright douteuses.

[Ernie]

EN UTILISANT GOOGLEDRIVE
TUTO AIMABLEMENT PROPOSE PAR PerF (un grand merci à lui)

Je viens de tenter avec Google Drive et ça marche ! Dans les grandes lignes:

• Obtenir un lien en cliquant sur Share -> Get Shareable link
  
• Regarder dans le lien proposé le paramètre 'id', ex : drive.google.com/open?id=blablabla&authuser=0
  
• Insérer ça dans le message selon le modèle
  

  Code:

  [img]http://drive.google.com/uc?export=download&id=blablabla[/img]

  
  

…et c'est parti ! J'ai trouvé ça sous ce lien en anglais.

[Ernie]

EN UTILISANT IMAGESHACK
TUTO AIMABLEMENT DEJA A DISPOSITION DEPUIS DES LUSTRES... J'ai pas les droits pour entrer en citation.
Je mets le lien ici


Edit Nanou83 :

Pour ImageShack, attention, c'est un hébergeur devenu payant depuis le 1er février 2014.

Voici le mod-op pour la version payante  Inscription : https://imageshack.us/
Une fois connecté à votre compte :

Spoiler:

La version gratuite existe toujours mais est limitée à une durée de 30 jours au-delà desquels vous perdez tout.
Disponible à cet endroit : https://imageshack.us/  Cliquer sur START UPLOADING

Spoiler:

[Roussinix]

Normalement, il est déverrouillé, et en tant que modérateur, vous devriez y avoir accès, vu que j'ai modifié les droits.

[Roussinix]

PS. pensez à reverrouiller après modification

[heLGer]

Merci Roussinix

[heLGer]

J'ai ajouté l'info !

[Contenu sponsorisé]