Be GIFted (Tutorial)

Plusieurs personnes m’ayant posé la question, je propose un tutorial pour apprendre à intégrer rapidement les gifs de votre choix sur ZC. (Relativement accessible aux noobs pas trop dégourdis.)   


En 4 étapes :

1- D’abord préparez les « balises » nécessaires pour intégrer le gif dans le corps du texte, et de préférence sous un spoiler. Pour cela, il vous suffit de recopier le code souligné en rouge dans l’image suivante.

Spoiler:

2- Il existe plusieurs façons de trouver des gifs sur Internet. En passant par Google, effectuez une recherche « Images, » puis, dans l’onglet « Outils de recherche, » sélectionnez « Type » et enfin « Images animées » qui correspond au format gif. Toutes ces étapes sont résumées dans l’image suivante.

Spoiler:

3- À présent, récupérez l’adresse du gif de votre choix. Pour cela, sur Google, le plus simple consiste à effectuer un clic-droit sur le gif afin d’ouvrir le menu déroulant et sélectionner « Copier l’adresse de l’image. »

Spoiler:

4- Intégrez à présent l’adresse de votre gif entre les balises en effectuant un clic-droit et en choisissant l’option « coller » dans le menu déroulant. Je recommande d’utiliser la fonction « Prévisualiser » de ZC avant de poster, histoire de s’assurer que tout  est en ordre.

Spoiler:

Avec de la pratique et quelques ajustements, vous devriez vous en sortir sans mal. Si besoin, je vous invite à poster vos questions ou conseils sur ce topic et à vous y entraidez.

Ce tutorial utilise Mozilla Firefox sous Windows. J’invite ceux qui utilisent d’autres navigateurs ou un autre système d’exploitation à compléter ce tuto.

Si vous avez des suggestions pour améliorer ces explications, vous pouvez me les adresser en MP. Si cela est possible, je les intègrerais au mieux.


Et comme disait Steve Jobs depuis son cloud, "soyez fous" et giftez bien !   



L’auteur de ce tutorial ne saurait être tenu pour responsable des gifs à venir.

Une image plus lisible du système de "balises" :

Spoiler:

Compléments de Tigrou pour la récupération de l'adresse sur Chrome et Internet Explorer :

Spoiler:

Merci.  

ça c'est cool !
Je me permets de mettre un lien vers ici dans mon topic https://www.zebrascrossing.net/t14402-on-n-est-pas-tous-doues-en-informatique

Tiens question, mettre sous spoiler empêche le chargement de l'image? Elle n'est pas chargée d'emblée? Si c'est le cas, quel est l'intérêt du spoiler?

Ah ben merci beaucoup, j'avais posé la question aux modos il y a deux trois jours. Encore merci !   

.

Merci Seb, vachement

Okidok, mais on est d'accord que les images en spoiler sont chargées à l'ouverture de page? (pour ma culture hein)

.

Je confirme que ça charge quand même les images.

merki!

Pour l'étape 3,
- Sur chrome il faut faire clic droit -> "copier l'URL de l'image"
- Sur internet explorer il faut faire clic droit -> propriétés puis sélectionner l'adresse qui se trouve en face de "adresse URL" (cliquer rapidement jusqu'à ce que l'adresse soit entièrement surlignée en bleu) puis clic droit -> copier.

Bonus : De jolis gifs (cliquer sur "view original" pour pouvoir les récupérer)

.

Oui, bien sur. C'est fait pour.

.

Tigrou a écrit:Je confirme que ça charge quand même les images.

Tu en es certain ? Il me semble que non, justement, et c'est l'un des intérêts du spoiler en cas de nombreuses images ou d'images lourdes (surtout pour les petites connexions). Ces personnes-là peuvent charger normalement une page pleine de spoiler, et ne charger les images (ou les videos) que petit à petit, selon leurs besoins.

A tester pour être sûr, cependant. Vous me mettez le doute.

Ton navigateur charge tout les fichiers qu'il rencontre dans le code, même si c'est caché. Toutes ces images continuent à être chargé après l'apparition de la page donc ça n'est pas très gênant.

L'avantage du spoiler c'est que ça va éviter à la page de se déplacer verticalement lorsque les images vont apparaitre.

Si vous avez des questions sur les sites internets, je peux répondre à presque tout. N'hésitez pas.   

Merci, Seb, y'a plus qu'à surveiller les posts, on va avoir une attaque de Gifs!

Et pour les gifs qui sont dans mon pc ? J'ai essayé la technique de seb, mais cela n'a donné qu'une image fixe entourée à droite et à gauche du mot "spoiler".

Il faut que l'image soit en ligne. Tu peux te servir d'un hébergeur d'image comme imageshack.

.

(Peut-être, même si je ne suis pas catho à ce point. En tout cas il y a eu un texte du pape actuel que j'ai trouvé vraiment fameux !)

Merci pour le tuyau, je vais essayer...

Bonjour,

Comment doit-on faire si on veut soi-même transformer une photo inanimée en gif animé ?

Une seule image ? Pour le moins compliqué. Un gif est en réalité une succession d'images, à la manière des animations d'antan. Par exemple, première image, un personnage a le bras à l'horizontale, à l'image suivante, son bras sera un peu plus haut, puis encore plus haut à l'image suivante, et à la verticale à la quatrième image. En succession rapide, on aura l'impression qu'il lève le bras.

Il existe des logiciels ou des sites en ligne pour assembler de telles images et faire ses propres gifs.
Par exemple : http://gifmaker.me/

A partir d'une video, il y a ce site : https://imgflip.com/gifgenerator

Ah tiens, c'est comme la galette à la frangipane: un chouïa plus difficile à faire soi même qu'en utilisant la pâte toute faite   

Merci, il faudra que j'essaie ça.