Blork & size.fac > Le Temple du Blam! > [Tuto] Poster une image

Message laissé le 04/02/12 à 12:04

Bonjour à tous et à toutes !
J'ai remarqué que depuis quelques temps, la saison des tests et critiques a commencé... Mais malheureusement, tout le monde ne sait pas comment mettre une image, mais grâce à ces tutos, le problème est résolu !


Comment insérer une image dans un post?
(Depuis un navigateur Internet)


Etape 1 :
Pour pouvoir afficher une image dans votre post, il vous faut le lien de cette image. Celui-ci peut s'obtenir de plusieurs façons :



Premièrement, il vous suffit de chercher votre image, puis, de l'afficher en taille réelle ( encadré rouge ).


Etape 2 :


Après avoir affiché l'image en taille réelle, plusieurs options se présentent à vous pour obtenir le lien. Vous pouvez, tout simplement copier le lien depuis la barre de lien ( encadré rouge ). Ou bien, faire un clique droit sur l'image, puis sélectionner "Copier l'adresse du lien" ( il ne me semble pas que cette deuxième méthode soit possible avec Internet Explorer )
Pensez à vérifier que le lien se termine bien par une extension de nom se rapportant à un format de fichier d'image ( telle que .bmp, .png ou encore .jpg )



Etape 3 :


Il vous suffit ensuite de coller le lien dans votre post avec la balise adéquate, soit la balise image. ( pour plus d'information, regarder ici )




Comment insérer une image dans un post, depuis ma bibliothèque d'image?


Pour pouvoir effectuer cette action, il vous faut un logiciel, il s'agit de Dropbox; vous pouvez le télécharger depuis ce lien (on notera qu'il faut créer un compte depuis le site officiel de Dropbox ).
Dropbox est un petit logiciel qui va vous permettre de partager des fichiers (images, vidéos, musiques, etc...), grâce à un lien. Vous pouvez stocker grâce à cette version gratuite 2GO de fichiers. (il y a d'autres fonctions, mais ici, nous n'allons pas nous attarder dessus).



Une fois que vous avez installé ce logiciel, un nouveau dossier est apparu dans "MES DOCUMENTS", ce dossier se partage en deux autres dossiers qui se présentent comme ceci :

Mais ici, nous allons nous intéresser uniquement au dossier "Public" (ici encadré en rouge); c'est dans ce dossier que vous allez "stocker" les fichiers à partager.


*Pour chaque partage de fichiers, il faut penser à exécuter Dropbox, sinon, il vous sera totalement impossible de partager ce fichier*
Pour stocker et ensuite partager un fichier, il faut que vous le colliez dans le dossier "Public". Si votre DropBox est ouverte, votre fichier va être synchronisé de façon à ce que votre fichier ait un lien. (cette action de synchronisation est caractérisée par un petit logo bleu avec deux flèches qui tournent sur l'icône de Dropbox, dans la barre de tâches de votre ordinateur. Une fois cette synchronisation terminée, le logo deviendra vert (ce logo apparaîtra aussi sur votre fichier dans le dossier "Public").

Ici, l'image est bien prête pour être partagée, ainsi que la DropBox(petit logo vert sur la miniature de l'image, ou en bas à droite)

Ensuite, il vous faut le lien de votre fichier, pour cela, rien de plus simple : Clique droit sur l'image-->Dropbox-->Copier le lien publique.



Et pour terminer, il vous suffit de coller ce lien avec la balise d'image dans votre post, et zou, le tour est joué!

Conseil :Si vous désirez partager un fichier image assez volumineux (scans, photos...), je vous conseille d'utiliser des formats moins "gourmands" en mémoires. Utilisez par exemple, les .png, .jpeg. En effet, si votre fichier est trop conséquent, alors, soit le temps de chargement sur votre Dropbox sera vraiment, vraiment très long, soit, il faudra une journée pour afficher cette image sur le froum.



Note : Si vous supprimez une image de votre Dropbox et qu'elle se trouve dans un post, l'image sera supprimée.
Seconde Note : Je vous recommande cependant de lire les fichiers textes des dossiers, mais également le fichier PDF "Premier Pas", qui peuvent s'avérer fort utiles !


[Edit de Calamar : Merci à Yohmgaï de m'avoir refait penser à la DropBox! ]
[2nd Edit de Calamar : Ajout du tuto avec la méthode "DropBox" et correction des fautes après relecture!]
[3ème Edit de Calamar : Modification du premier tuto, pour qu'il soit plus lisible, et peut être mieux expliqué ]

-- edit de zulios --

MAJ du lien de téléchargement, permet de récupérer de l'espace bonus à l'inscription.

[4ème Edit du Calamar : Remplacement du lien de téléchargement, et merci encore milles fois à Zul' pour l'info ! Et aussi correction de quelques fautes que j'ai vu ici et là]
[5ème Edit de Calamar : Changement du titre pour plus de cohérence avec les autres tutos]

Message édité 16 fois. Dernière édition par MR.Calamar le 25/08/14 à 09:09.



- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 04/02/12 à 12:27

Je suis toujours étonné de voir qu'on a encore du mal à mettre des images dans un message, mais pourquoi pas
Par contre, quelque soit le navigateur, la méthode est la même.
Souvent, le plus gros problème, c'est qu'on essaie de mettre une image qui se trouve sur le disque dur (ou le lecteur de disquette) et forcément, ça ne passe pas.
Mais je ne pense pas que faire un seul sujet pour plusieurs tutoriels soit une bonne idée, ça risque de ne plus être lisible au bout d'un moment. Mieux vaut fait un sujet par tutoriel.

- - - - - - - - - -

Did you get the number of that donkey cart?

Message laissé le 04/02/12 à 12:31

Citation :

Tu veux parler de la méthode avec imageshack? Ou la DropBox?

- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 04/02/12 à 13:49

tres bonne initiative le poulpe!! au moins plus personne(dont moi) n'aura d'excuse dorenavant

- - - - - - - - - -



le leguman est revenu pour conquérir le monde et l'asservir a ses propres fins!!

Message laissé le 04/02/12 à 13:51

Citation :

Tu veux un tuto pour savoir comment on rend la monnaie?

- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 04/02/12 à 21:30

Citation :

Non, une image ayant pour lien un truc du genre :
C:\Documents and Settings\User\blabla\image.jpg
ou
A:\image.jpg


Sinon, petite précision pour l'étape 2 : le format d'image peut aussi être .jpg .gif ou .bmp

- - - - - - - - - -
Club des Mamies et des Papys !

Message laissé le 04/02/12 à 21:42

Citation :

Merci!

- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 05/02/12 à 07:34

Il pleut, il mouille, c'est la fête à la grenouille…

- - - - - - - - - -
code ami Switch : SW-3328-2412-9032

Message laissé le 05/02/12 à 12:29

oui c'est une bonne idée, bon maintenant j'y arrive bien mais au début je devais me reprendre au moins dix fois avant de réussir à mettre une image.

- - - - - - - - - -
retrouvez mes dessins sur : http://tommytahir.blogspot.fr/
et n'hésitez pas à aller voir ma page : http://www.facebook.com/Techto
Et si vous cliquez là je vous fait un bisou où vous voulez...enfin, presque.

Message laissé le 05/02/12 à 18:03

Gloire au poulpe ! (Car bon malgrès pleins d'explications je n'y arrivais toujours pas )

- - - - - - - - - -

I'm a Hero !

Message laissé le 05/02/12 à 18:28

Citation :

Merci!
Mais arrêtez de dire ça! Après je vais avoir la grosse tête!

Message édité 1 fois. Dernière édition par MR.Calamar le 05/02/12 à 18:28.



- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 05/02/12 à 19:41

Citation :

La grosse tête.... de poulpe ?

Message édité 1 fois. Dernière édition par Malu le 05/02/12 à 19:41.



- - - - - - - - - -



La pêche à tous les bl rkiens !

Message laissé le 06/02/12 à 10:54

Bon par contre, y'a un truc que j'aime pas trop dans ce tuto ! Faut éviter de copier l'url de l'image de Google Image (celle qui apparait en avant-plan, avec le site en fond grisé), des fois ça marche pas. C'est des liens plus ou moins perso et temporaire... Vaut mieux récupérer l'url directement sur le site ou utiliser la méthode dites de "internet explorer" qui marche en fait avec tout les navigateurs !

Mais merci Calamar pour cette initiative, même si je maintiens, il vaut mieux un topic par tuto

- - - - - - - - - -




Club des Papas !

Message laissé le 06/02/12 à 13:35

Citation :

Ah oui! J'aurais pu faire comme ça!
Mais bon, peut être ne faut-il pas trop compliquer la vie de nos testeurs!
Pour que ça face plus propre, je pense qu'il faudrait une balise "en cache", dans laquelle ça cacherait tout juste en mettant "voir le cache"

Message édité 1 fois. Dernière édition par MR.Calamar le 06/02/12 à 13:47.



- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 06/02/12 à 13:42

Excellent initiative sur la base même si on peut corriger quelques petites erreurs (l'extension, l'adresse de l'image etc...).

Je propose de renommer le sujet en "Poster une image - Mode d'emploi", ceci afin de ne pas noyer le sujet avec d'autres questions. Ca te va, Calamar ?

- - - - - - - - - -
Guide d'utilisation du forum
Comment créer son blog ?
Comment poster une image ?
Comment utiliser la balise "quote" ?

Mémo : Faire un nouveau gif pour faire rire Moussaka
Faire une chanson pour Freytaw

Message laissé le 06/02/12 à 13:46

Citation :

Je suis d'accord! Et à chaque nouveaux tuto, on met : "Faire de la purée de carottes - Mode d'emploi"
Pas mal hein!
Je vais essayer de refaire les images! Peut être pas aujourd'hui...

- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 06/02/12 à 13:54

Ok pour les images ! Si je peux te donner un coup de main, je le fais.

- - - - - - - - - -
Guide d'utilisation du forum
Comment créer son blog ?
Comment poster une image ?
Comment utiliser la balise "quote" ?

Mémo : Faire un nouveau gif pour faire rire Moussaka
Faire une chanson pour Freytaw

Message laissé le 06/02/12 à 13:56

Citation :

Ben écoute, je dis pas non! Moi, perso, je vais en cour, donc, je me mettrai pas à bosser avant 17H.
Donc, oui, je suis d'accord. Je vais déjà regarde ce qu'on modifié!
Et je pense que je vais regrouper dans un seul tuto tout les navigateurs! Si c'est bien là ou Frey tu voulais en venir.

Message édité 1 fois. Dernière édition par MR.Calamar le 06/02/12 à 13:58.



- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 06/02/12 à 13:59

J'ai bien regardé Sf, si tu veux, tu peux corriger ce qui te gêner!
Je te refais un copie d'écran.

- - - - - - - - - -
Restons calme et courtois en toutes circonstances...Qui a écrit ça sur moi?
Comme si ça pouvait être vrai...

Blork pour le meilleur et pour le pire !

Message laissé le 06/02/12 à 14:03

Et pour être sûr que les internautes trouvent le sujet, je le mets en tag dans ma signature comme ça il restera accessible à tout moment.

Je me demande s'il ne vaudrait pas mieux le mettre dans la partie Blam. Vous en pensez quoi, les autres ?

- - - - - - - - - -
Guide d'utilisation du forum
Comment créer son blog ?
Comment poster une image ?
Comment utiliser la balise "quote" ?

Mémo : Faire un nouveau gif pour faire rire Moussaka
Faire une chanson pour Freytaw