Comment créer un gif animé gratuitement pour vos articles de blog

Publié: 2022-12-03

how to make a gif for a blog

Vous associez probablement un gif animé aux médias sociaux.

Il s'agit généralement d'un type de courte vidéo à valeur d'amusement et sont souvent de petits extraits tirés de vidéos YouTube.

Si ce n'est que pour le plaisir, vous pouvez en trouver des milliers en ligne si des bibliothèques gif gratuites, il n'est donc pas nécessaire de créer vous-même un gif animé.

Peut-être que si le sujet de cet article concernait des livres qui sont de véritables tourne-pages, je pourrais ajouter quelque chose comme celui ci-dessous.

Je sais que ce n'est pas le gif de haute qualité le plus excitant jamais créé, mais il convient de vous montrer que vous pouvez en ajouter un à un article de blog sur la plupart des plateformes de blogs.

Si vous utilisez WordPress, vous pouvez charger un gif de la même manière que vous chargez toutes vos images dans l'éditeur d'images.

tourne la page

Comment faire un gif ?

De nombreux gifs que vous voyez sur Internet sont créés à partir de fichiers vidéo et d'images vidéo converties en calques.

Cela implique beaucoup de travail. Certains d'entre eux utilisent des centaines d'images vidéo d'importation de fichiers individuels.

Pour transformer une vidéo en gif, vous devez copier les images individuelles d'une vidéo.

Certaines personnes créent un gif animé dans Photoshop, ce qui est un peu compliqué.

Je ne suis pas un expert. Mais d'après ce que j'ai pu comprendre, vous devez charger les images à partir de calques, puis charger les fichiers dans une pile.

Je me suis arrêté là car tout était bien trop compliqué pour moi.

Pour un article de blog ou un article, les fichiers gif sont des fichiers image dont l'application est limitée. Mais de temps en temps, ils sont utiles.

J'ai joué avec l'image d'en-tête avant d'écrire ce post.

Après toutes mes expériences, j'ai décidé de rester avec une image fixe. Mais pour ne pas gaspiller tout mon travail, voici la version gif que j'ai faite.

Cela fonctionne pour créer une animation de cadre que vous pouvez rapidement utiliser sur un article de blog.

make a gif

Comment faire un gif, le moyen le plus simple

Le moyen le plus simple de créer des gifs animés consiste à utiliser un créateur de gifs en ligne gratuit ou un créateur de gifs.

Il y en a beaucoup et ils fonctionnent tous de la même manière.

Mais d'abord, vous devez créer les diapositives que vous allez utiliser pour créer votre gif.

Pour l'exemple ci-dessus, j'ai utilisé Canva pour créer quatre images et j'ai changé les mots et les couleurs du texte sur chaque image.

Ensuite, j'ai utilisé un outil de création de gifs en ligne gratuit. Il y a beaucoup de choix si vous faites une recherche Google.

gif maker

Cliquez simplement sur "Télécharger des images" pour sélectionner vos fichiers. Chaque image créera un nouveau calque.

Ensuite, une fois que vous les avez tous téléchargés, vous pouvez faire quelques ajustements mineurs avant de prévisualiser votre gif.

créateur de gif2

Si vos diapositives ne sont pas dans le bon ordre, vous pouvez modifier cela par glisser-déposer.

Vous avez quelques paramètres que vous pouvez choisir de modifier.

La taille de la toile est comme la taille de l'image. Réglez-le en fonction de votre blog, mais généralement, 750px est assez grand.

Bien sûr, la taille du fichier augmentera si vous le rendez trop gros, ce qui pourrait ralentir la vitesse de chargement de votre page.

La vitesse d'animation est la vitesse à laquelle vos diapositives changent. Vous devez expérimenter avec ce paramètre pour trouver la meilleure vitesse pour le type de gif que vous souhaitez créer.

Lorsque vous avez sélectionné vos paramètres, cliquez sur "Créer une animation GIF".

Vous verrez alors un menu se charger ci-dessous avec "Afficher" ou "Télécharger". Cliquez sur télécharger le fichier et vous avez créé votre gif.

Si vous essayez d'ouvrir le fichier avec un aperçu d'image, vous ne verrez que les diapositives. Pour vérifier votre nouveau gif, vous devrez l'ouvrir dans Chrome, Safari ou Firefox.

Que pouvez-vous faire avec un gif sur un article de blog ?

L'utilisation principale des gifs sur un blog est de condenser des informations ou de longues listes.

Utiliser des colonnes sur une page de blog n'est plus une bonne idée car elles ne sont pas responsives.

Cela signifie qu'ils ne seront pas visualisés correctement sur un téléphone mobile.

Les colonnes sont simplement réduites en taille pour s'adapter à un petit écran. Le texte devient alors trop petit pour pouvoir être lu.

Sans utiliser de colonnes, si je voulais inclure une liste des soixante-quinze livres les plus populaires, cela étirerait la page sur un ordinateur portable et plus loin sur un téléphone ou une tablette.

Une meilleure façon est d'utiliser un gif.

Encore une fois, vous devez faire des diapositives, mais cette fois, j'ai utilisé des captures d'écran, puis je les ai toutes recadrées à la même taille.

books 75 list

Maintenant, ma liste de 75 livres occupe beaucoup moins de pages.

De plus, sur un petit écran comme un téléphone ou une tablette, le gif se redimensionnera automatiquement pour s'adapter.

J'ai optimisé le gif ci-dessus pour m'assurer qu'il se charge le plus rapidement possible.

Mais vous pouvez sélectionner la quantité de compression que vous utilisez si vous souhaitez avoir un texte plus net.

Conclusion

Vous n'allez pas utiliser un gif sur chaque article de blog ou article que vous écrivez.

Mais de temps en temps, ils sont utiles, notamment pour intégrer un grand nombre d'informations dans un espace gérable.

Il m'a fallu quelques essais pour trouver ce qui fonctionnait et ce qui ne fonctionnait pas.

Ce que j'ai trouvé, c'est qu'il était essentiel de redimensionner les images que j'utilisais avant d'essayer de créer un nouveau gif.

Vous pouvez effectuer ce calcul à partir des tailles d'image que vous utilisez actuellement dans votre blog.

La plus grande erreur que vous puissiez faire est de créer un gif beaucoup plus large que la largeur maximale de votre page de blog.

Vous pouvez vérifier cela dans votre thème. Si vous utilisez une barre latérale, la largeur peut être comprise entre 600 et 800 px.

Si vous utilisez un gif qui fait peut-être le double de la largeur de votre page de blog actuelle, il sera redimensionné automatiquement par votre plateforme de blog.

Cela vous semblera bien, mais la vitesse de chargement de votre page diminuera considérablement en raison de la taille importante du fichier.

Mis à part le problème de taille, il n'y a rien de spécial à inclure un gif dans vos articles de blog.

Utilisez des gifs au bon endroit pour les bonnes raisons. Ils peuvent être un outil pratique à utiliser dans le cadre de vos articles de blog pour donner à vos lecteurs certains types d'informations sous une bien meilleure forme.

Lecture connexe: 50 outils et applications logiciels d'écriture gratuits