Comment pimenter votre marketing de contenu avec des GIF animés [et autres visuels animés]

Les images sont des outils puissants. Ils peuvent attirer et retenir l'attention, ou capturer et transmettre une émotion d'une manière que les mots ne peuvent pas. Ajoutez du mouvement à vos images et elles deviennent carrément irrésistibles.

La vidéo est toujours une centrale électrique, mais l'humble gif animé connaît également une popularité croissante. Cela a toujours été une façon amusante d'obtenir un peu plus d'attention. Malheureusement, les gifs animés ont également été utilisés pour trop de bannières publicitaires ringardes et d'émoticônes animées ennuyeuses. Cela a un peu entaché leur réputation.

Mais maintenant, de plus en plus de plateformes prennent en charge les gifs animés. Et de plus en plus de spécialistes du marketing les utilisent pour faire ressortir leur contenu. Cela crée un marketing visuel élégant.

Alors, qu'est-ce qu'un gif animé ?

Bonne question. Passons les mots et passons à la réalité.

Ceci est un gif animé :

Ce gif est apparu pour la première fois sur Reddit pour annoncer un anniversaire d'entreprise que personne n'a remarqué.

C'est aussi un gif animé :

Cela provient d'une annonce par e-mail envoyée par le détaillant en ligne Evans. Il a également été inclus dans le récent tour d'horizon des gifs animés remarquables d'Alchemy Worx dans les e-mails.

Ces deux gifs animés nous aident à définir le format avec un méta-message show-don't tell . Mais pour aller plus loin :

• Les gifs animés peuvent être des photographies ou des graphiques.
• Les gifs animés sont constitués d'une courte série d'images. Chaque image est son propre gif animé.
• Les gifs animés ont tendance à être courts - pas plus de 5 secondes.
• Les gifs animés ont tendance à tourner en boucle, mais vous pouvez les configurer pour qu'ils soient lus plusieurs fois, puis s'arrêter.
• Les gifs animés peuvent être utilisés comme une enseigne au néon - comme des graphiques flashy qui attirent votre attention. Ou ils peuvent être utilisés pour raconter une histoire. Le premier gif que nous avons vu raconte une histoire simple : nous avions quelque chose à célébrer. C'est arrivé. Personne ne s'en souciait.

Ce que les gifs animés ne sont pas

Comme vous le savez sûrement, les gifs animés ne sont pas le dernier mot dans les images animées en ligne. Il existe plusieurs formats et façons très similaires de faire bouger les images que vous devriez connaître, et il y a quelques mises en garde.

1. Les gifs animés ne sont pas des vidéos.

Alors qu'un gif animé pourrait être plié en quelque chose comme une vidéo, cela nécessiterait soit beaucoup d'images dans le gif animé, soit nous devrions accepter une nouvelle définition d'une vidéo (comme une série de, disons, cinq images) . Les vidéos utilisent également un format de fichier différent de celui des gifs. Les vidéos sont généralement au format AVI, MPEG, MOV et autres formats spécifiques à la vidéo.

2. Les gifs animés ne sont pas des cinémagraphes.

Les cinémagraphes sont des hybrides de photos et de vidéos. Ils ont beaucoup de similitudes avec les gifs animés :

• Ils bouclent (c'est-à-dire se répètent) comme la plupart des gifs animés
• Ils peuvent être utilisés dans des messages électroniques, comme des gifs animés
• Ils se terminent par .gif

Mais ce ne sont pas des gifs animés. C'est un cinémagraphe :

Il y a un article intéressant sur le blog Convince and Convert sur la façon dont différentes marques utilisent les cinemagraphs dans leur marketing. AdWeek a également publié un article sur les plans de Facebook pour les cinémagraphes.

Comprenez simplement que les cinémagraphes sont considérablement plus difficiles à créer que les gifs animés. Quelqu'un avec des compétences de base en édition d'images peut créer un gif animé. Il faut le talent d'un artiste pour faire chanter un cinémagraphe.

3. Les gifs animés ne sont pas des animations CSS.

Les animations CSS sont une autre technique de contenu visuel de pointe, mais elles fonctionnent grâce au codage, et non grâce à un type particulier de fichier image. Les animations CSS sont bien adaptées à la présentation des données. Donc, si vous vouliez égayer un graphique ou créer une roue de graphique à secteurs, une animation CSS pourrait fonctionner. Hélas, cependant, ils ne fonctionnent pas sur tous les navigateurs et ils peuvent être bogués.

Creative Bloq a un article très cool avec de superbes exemples d'animation CSS.

4. Les gifs animés ne sont pas Flash.

Flash est un peu à l'ancienne. Il a ses applications, mais il est préférable d'éviter Flash en raison de problèmes de rendu (les appareils iOS ne peuvent pas lire Flash) et parce que le contenu Flash est une boîte noire pour les moteurs de recherche.

5. Les gifs animés ne sont pas non plus des vidéos Hyperlapse.

Instagram a trouvé comment nous permettre de faire des vidéos accélérées avec des smartphones. La technologie s'appelle Hyperlapse. Vous pouvez obtenir l'application Hyperlapse pour les appareils iOS ici. Les développeurs ont également pu corriger l'effet de rebond (ils appellent le correctif "Cinema Stabilization"), ce qui aurait rendu la plupart des vidéos Hyperlapse beaucoup moins regardables.

Les vidéos Hyperlapse peuvent être intégrées sur des pages Web, mais elles sont toujours principalement des créatures d'Instagram.

Comment faire un gif animé

Il existe deux manières de créer des gifs animés. Le premier est à partir d'images. La seconde provient de vidéos.

Voici comment créer un gif à partir d'images statiques.

1. Allez sur Gifmaker.me. Il s'agit d'un outil de création de gif gratuit. Il existe plein d'autres créateurs de gifs gratuits (j'ai aussi essayé https://makeagif.com et https://imgflip.com, entre autres), mais Gifmaker.me :
   • Ne mettra pas de filigrane dans le coin inférieur de votre gif
   • Crée des gifs dont la taille de fichier est inférieure à celle des autres outils
   • Vous offre de nombreux contrôles pour que vous puissiez créer votre gif à peu près comme vous le souhaitez.

Une chose qu'il ne fait pas est de vous permettre d'ajouter une légende à vos gifs. Si vous voulez faire cela, essayez MakeaGIF ou IMGFlip.

2) Téléchargez les images que vous voulez dans votre gif. Il peut s'agir d'images énormes ou réduites à la taille souhaitée pour le gif animé final. En fait, j'ai essayé dans les deux sens - dans le premier jeu, les images ont été téléchargées sous forme d'images 300 dpi de plusieurs milliers de pixels de large. Ensuite, j'ai fait un autre ensemble avec des images que j'ai réduites dans Photoshop jusqu'à 500 pixels de large à 144 dpi. Le gif animé des images énormes était en fait 10% plus petit que celui que j'ai fait à partir des images réduites. Allez comprendre.

3) Une fois vos images téléchargées, vous pouvez réorganiser les cadres en cliquant dessus et en les faisant glisser. Vous pouvez également contrôler la taille du gif terminé et vous pouvez contrôler les images par seconde. Certaines sources disent que le gif moyen est de 500 millisecondes par image. Je trouve cela un peu trop rapide - je ralentis mes gifs à 1100 millisecondes par image.

Vous pouvez configurer le gif pour qu'il ne soit lu que quelques fois ou en boucle infinie. J'ai laissé le mien boucler. Et bien que vous puissiez ajouter de l'audio, je ne suis pas un grand fan de l'audio sur le contenu à moins que ce ne soit prévu (comme pour les webinaires, les podcasts et les vidéos).

Lorsque tous ces paramètres sont sélectionnés, cliquez simplement sur "Créer une animation GIF".

Vous verrez quelque chose comme ça ensuite. L'animation va jouer… l'image ci-dessous n'est qu'une capture d'écran.

Bien que gifmaker.me crée des fichiers assez petits, vous pouvez réduire davantage vos gifs animés. Cela devient particulièrement critique si vous créez un gif animé pour un message électronique.

Vous ne voulez pas utiliser un gif animé de plus de 80 Ko dans un e-mail. En règle générale, nous recommandons que les images soient petites pour les messages électroniques, mais vous devrez peut-être contourner les règles pour les gifs animés. Pour ce faire, vous pouvez essayer d'utiliser moins d'images ou de réduire la taille visible du gif animé final.

Ou vous pouvez utiliser un réducteur de taille de fichier.

Voici le réducteur de taille de fichier que j'ai utilisé, EZGif. J'ai pu réduire une image de 236 Ko à 113 Ko, sans même utiliser le paramètre de compression le plus élevé.

Pour un gif animé de 4 images et 500 pixels de large, 113 Ko est assez bon.

Voici le gif animé final compressé :

Comment créer des gifs animés à partir de YouTube et d'autres vidéos

La prochaine façon de créer des gifs animés consiste à utiliser des vidéos YouTube. Il y a une façon de faire cela qui est simple comme bonjour.

Accédez simplement à l'URL de la vidéo que vous souhaitez transformer en gif animé.

Tapez "gif" devant "youtube.com", comme ceci :

Appuyez sur retour. Vous serez redirigé vers un site qui vous permet de spécifier certains paramètres pour votre gif animé.

Cliquez sur "Créer un GIF"…

Et puis choisissez comment vous voulez partager votre gif animé.

Il y a un hic avec cela, cependant. Ce site est configuré pour héberger l'image pour vous - cela rend le téléchargement du gif un problème. Cela pourrait être une bonne ou une mauvaise chose, mais je préfère héberger des images sur mon site.

Il existe de nombreux autres sites qui vous permettent de créer des gifs animés à partir de vidéos YouTube. MakeAGif.com et IMGFlip.com sont à la fois gratuits et faciles à utiliser.

Si vous ne pouvez pas les fabriquer, trouvez-les

Pas le temps de faire un gif animé ? Cela ne signifie pas que vous ne pouvez pas en utiliser un préfabriqué. Il existe plusieurs sites de gifs animés gratuits :

• Giphy.com
• imagur.com
• Gifbin.com
• Le gif parfait de Hulu
• GifBay.com

Soyez gentil et donnez du crédit à l'endroit où vous avez obtenu le gif.

Comment utiliser les gifs animés dans votre marketing

Ah, enfin. Nous en sommes à la partie résultats. Voici toutes les façons intéressantes d'utiliser des gifs animés dans votre marketing :

1) Dans les e-mails.

Essayez de limiter la taille des fichiers, mais les gifs animés fonctionnent très bien dans les e-mails. Il existe plusieurs rapports de gifs animés soulevant la réponse, comme :

• Bluefly a ajouté un gif animé à l'un de ses e-mails en 2008 et a obtenu une augmentation de 12 % des revenus du segment gif animé du test.
• Dell a augmenté son chiffre d'affaires de 109 % grâce à une campagne d'e-mails gif animés.
• Lake Champlain Chocolates a augmenté le taux de réponse de 49 % avec un e-mail animé montrant l'ouverture d'une boîte de chocolats.

Intouch Solutions a également un bel article sur trois autres études de cas de gifs animés dans les e-mails.

Mise en garde : concevez toujours la première image de votre gif afin qu'elle puisse se suffire à elle-même en tant qu'image statique, au cas où votre abonné ouvrirait l'e-mail dans un client (tel qu'Outlook et Windows Phone 7) qui ne prend pas en charge les GIF animés.

2) Sur les réseaux sociaux.

Twitter et Tumblr prennent en charge les gifs animés depuis un certain temps. Mais Facebook a récemment annoncé que son fil d'actualité prend également en charge les gifs animés. Ils les autoriseront même dans les publicités.

Pinterest prend en charge les gifs animés, mais vous devez cliquer sur un bouton qui dit "GIF" pour les lire. Et Google+ prend en charge les gifs animés.

Comme vous le savez probablement, les images sur les réseaux sociaux génèrent beaucoup plus de likes et de partages que le contenu textuel. L'ajout d'une pincée de gifs animés rend le contenu encore plus digne d'être cliqué.

3) Sur les articles de blog.

Vous n'avez pas besoin d'être BuzzFeed ou Upworthy pour utiliser des gifs animés dans vos messages. Social Fresh et Quick Sprout ont analysé certaines données pour nous. Ils ont découvert que les gifs animés sont le type d'image le plus susceptible d'être partagé à partir d'articles de blog.

4) Sur les pages de téléchargement de livres électroniques, de livres blancs et d'études de recherche.

Les livres électroniques, les livres blancs et les études de recherche ont tendance à contenir beaucoup d'informations. Et ils devraient. Mais toutes ces informations posent problème sur une page de téléchargement, où vous devez distiller votre message et les éléments de la page.

Entrez le gif animé. Pourquoi l'image d'un livre électronique statique ne peut-elle pas être remplacée par des images tournantes des graphiques et des citations du téléchargement ?

5) Sur les pages décrivant des logiciels ou encourageant le téléchargement d'applications.

Les gifs animés sont un excellent moyen de montrer aux gens comment faire des choses avec un logiciel. Gardez-les simplement courts et simples. Lorsque SEMRush a voulu annoncer une nouvelle fonctionnalité, ils ont envoyé un e-mail avec ce gif animé :

Et voici un retour en arrière pour ceux d'entre vous qui traînaient sur Internet à la fin des années 90. L'un des tout premiers Gifs viraux, le vaguement flippant Dancing Baby.

Conclusion

Les gifs animés sont le moyen le plus simple d'ajouter du mouvement à une page, un e-mail ou une mise à jour sur les réseaux sociaux. Et bien qu'ils puissent avoir des associations avec le fait d'être un peu amateur, il n'y a aucune raison pour que vous ne puissiez pas choisir des images attrayantes et sur la marque qui racontent une histoire captivante que votre public appréciera.

Avec de plus en plus de plates-formes et de services les prenant en charge, les gifs animés pourraient être le meilleur moyen de renforcer la confiance avec les images animées… du moins jusqu'à ce que vous soyez prêt à plonger dans la vidéo.

Utilisez-vous des gifs animés dans votre marketing ? Avez-vous des études de cas à partager avec nous ? Parlez-nous d'eux dans les commentaires.

Êtes-vous prêt à commencer à ajouter du mouvement à vos e-mails pour qu'ils se démarquent de la foule ? Découvrez comment commencer à utiliser des GIF, des cinemagraphs, des vidéos et plus encore dans notre eBook gratuit – Email Idea Lab.