L’Internet regorge de différents types de fichiers destinés à des fins spécifiques. Une plateforme qui est un élément assez commun en ligne est celle des GIF animés. Ces images courtes et animées ajoutent souvent un contexte à l’information ou partagent de brèves déclarations.

Un GIF animé dans WordPress peut donner à un article particulier une apparence plus attrayante pour les visiteurs. Malheureusement, de nombreuses personnes rencontrent des problèmes lors de la mise en œuvre d’un GIF dans WordPress. Par exemple, que se passe-t-il si le GIF perd son animation ?

Aujourd’hui, je vais vous montrer comment ajouter des images GIF animées à WordPress. Cela ne nécessite pas de plugins supplémentaires et vous n’avez pas besoin de connaître des astuces de codage.

Que sont exactement les GIF et pourquoi sont-ils utilisés ?

À la fin des années 1980, les GIF ont été développés à l’origine pour créer des images 8 bits utilisant une palette de 256 couleurs. Ils ont été dérivés de l’image originale pour créer un fichier graphique petit et facile à utiliser par les réseaux de l’époque.

La plupart d’entre vous ne connaîtront jamais la frustration d’attendre 30 minutes pour qu’une image soit rendue à plus de 14,4k de vitesse de modem commuté.

En relation  Comment régénérer facilement les vignettes dans WordPress

Ce qui rend un GIF spécial est la capacité de rendre avec plusieurs images pour simuler une animation. Tout cela a été possible sans créer des fichiers de taille énorme, ce qui était irréaliste pour les vitesses Internet plus lentes. En fait, vous pouvez créer une apparence de vidéo sans les détails et l’encodage d’une vraie vidéo.

Aujourd’hui, les GIF animés sont largement diffusés sous forme de mèmes et de messages. Ils sont particulièrement profonds dans les médias sociaux avec des sous-entendus comiques. Ils font partie des nombreux fichiers médias que vous pouvez intégrer facilement dans WordPress.

Une chose qu’il faut garder à l’esprit, cependant, c’est que les GIF comportant de nombreuses images pour l’animation peuvent être assez volumineux en termes de taille de fichier. Même à 256 couleurs, chaque image de l’animation est une autre image compilée dans le fichier qui sera rendue par les ordinateurs et les appareils.

De nombreux développeurs utiliseront des GIF animés dans le cadre de leur plate-forme marketing. En fait, de nombreux outils gratuits destinés spécifiquement au marketing des médias sociaux permettent de créer des GIF.

Comment ajouter des images GIF animées dans WordPress

Beaucoup de gens ajoutent des GIF à WordPress uniquement pour que l’animation cesse de fonctionner. Cela va à l’encontre de l’objectif d’avoir le fichier sur votre site au départ. Cependant, c’est un problème facile à résoudre.

Pour ce tutoriel, je vais vous montrer comment ajouter le GIF animé à une nouvelle page. Toutefois, ce processus fonctionnera si vous souhaitez en ajouter un à une page existante ou à un article dans WordPress. Je vais également supposer que vous avez un GIF animé prêt à être téléchargé. Si vous en avez besoin, vous pouvez toujours trouver quelque chose d’intéressant sur des sites comme Giphy.com.

En relation  Comment créer un wiki WordPress et pourquoi

Tout d’abord, cliquez sur Pages et sélectionnez l’option Ajouter nouveau.

Cliquez dans l’éditeur de texte à l’endroit où vous souhaitez placer votre GIF animé. Dans cet exemple, le GIF sera la seule chose ajoutée à la page. Cependant, vous pouvez placer le curseur n’importe où dans le texte à l’endroit où vous voulez que l’image soit affichée.

Cliquez sur le bouton “Ajouter un média” au-dessus de l’éditeur dans WordPress.

Cliquez sur l’onglet “Upload Files” de la fenêtre “Insert Media”.

Vous pouvez cliquer sur le bouton Sélectionner les fichiers ou faire glisser le fichier dans l’espace média de WordPress. L’une ou l’autre de ces options vous donnera la possibilité de télécharger votre GIF animé.

Localisez le fichier GIF que vous souhaitez télécharger. Si vous ne savez pas où chercher votre fichier, de nombreux systèmes informatiques l’enregistrent par défaut dans le dossier Downloads. Cliquez sur le bouton “Ouvrir” lorsque vous avez fait votre sélection.

Le GIF sera alors dans votre galerie de médias pour WordPress. Cliquez dessus pour sélectionner l’image. En bas à droite de l’écran, vous verrez les paramètres d’affichage du GIF. Sélectionnez l’option “Full-Size” sous “Size”.

Cliquez sur le bouton “Insérer dans la page”. Cela placera immédiatement l’image dans votre page ou votre message.

Vous devriez maintenant voir votre GIF fonctionner correctement. Si l’image ne bouge pas, vous avez peut-être sélectionné une autre option que “Pleine grandeur”.

Pourquoi un GIF animé doit-il être en taille réelle dans WordPress ?

Lorsqu’un GIF est redimensionné de cette manière, il perd l’aspect d’animation.

Pouvez-vous enregistrer un GIF animé sous un autre type de fichier ?

Vous pouvez enregistrer des fichiers GIF comme des choses comme le JPG, mais il n’aura plus son animation. Dans la plupart des cas, l’enregistrement d’un GIF animé en JPG n’enregistrera que l’image unique de l’animation comme image. Si vous souhaitez que le graphique reste animé, vous devez l’enregistrer sous son type de fichier “.GIF” original.

En relation  Comment apporter des modifications au fichier wp-config.php dans WordPress

Un site peut-il être lent à cause des GIF ?

En raison du nombre d’images dans un GIF animé, chacune d’entre elles peut ralentir un site web. En effet, le fichier s’agrandit avec chaque segment de l’animation. C’est un peu comme charger un tas d’images en même temps. Même si un GIF est petit en soi, chaque image s’ajoute à la taille totale du graphique.

Maintenez votre site web engagé

Les images jouent un rôle dans la création d’une mise en page attrayante. Un GIF animé a le potentiel de transformer un message ou une page autrement terne en quelque chose de plus actif. Cependant, un trop grand nombre d’images peut également devenir une distraction. Vous pouvez améliorer votre contenu avec des animations, mais faites attention à ce que vous ajoutez. Il y a une différence entre avoir une mise en page attrayante et créer un effet visuel.

Quel type de GIF votre site web utilise-t-il ? Pourquoi utilisez-vous des GIF ? Quel est votre GIF préféré ?