Apple prépare une solution pour (enfin) enterrer le GIF

Nicolas Furno |

C’est incontestable, les GIF sont l’une des meilleures choses sur la toile et personne ne voudrait se passer de ces petites images animées qui tournent en boucle. Mais plus que le format, c’est le concept qui a de la valeur et cela tombe bien, parce que le format n’est pas très bon.

Le GIF est l’un des plus vieux formats créés pour diffuser des images, notamment sur le web. À l’origine, il n’était même pas pensé pour l’animation, c’était un simple bonus qui a pris les devants et qui est devenu l’utilisation majoritaire du format. Mais il y a deux défauts importants avec les fichiers .gif :

  • leur qualité est très médiocre ;
  • leur poids est très élevé.

C’est pour cette raison que l’on cherche depuis quelques années des alternatives. Twitter a été le premier acteur majeur du web à convertir automatiquement les GIF en vidéo. Puisqu’il s’agit d’images animées, opter pour un codec vidéo semble logique et le résultat confirme cette première impression. Un GIF de bonne qualité pèse rapidement plusieurs méga-octets, quand la vidéo équivalente se contente de quelques centaines de kilo-octets.

Un GIF de près de 9 Mo pèse moins de 400 Ko une fois convertie en vidéo H264. Cliquer pour agrandir
Un GIF de près de 9 Mo pèse moins de 400 Ko une fois convertie en vidéo H264. Cliquer pour agrandir

Un GIF converti en vidéo est extrêmement plus léger. Et si on évite le passage par le GIF au départ, on peut obtenir une image animée légère et de bien meilleure qualité : c’est du gagnant/gagnant… sauf qu’il y a un mais.

Le problème jusque-là, c’est que les navigateurs gèrent assez mal les vidéos utilisées comme des GIF. Il existe bien des astuces techniques pour intégrer une vidéo dans un article, lancer la lecture au chargement de la page et la faire tourner en boucle pour reproduire le comportement du format GIF. Ces solutions fonctionnent en théorie, mais pas en pratique, ou alors pas toujours.

Que ce soit pour optimiser la batterie ou pour éviter les abus de la part de sites qui détournent cette technique pour la publicité, les navigateurs bloquent souvent les vidéos en boucle. Et quand l’utilisateur demande à les lire, elles s’affichent souvent en plein écran, même quand elles devraient rester en petite taille. Pour prendre un exemple très concret, nous utilisons cette technique depuis quelques années, mais nous avons été contraint d’arrêter la lecture automatique avec Safari 11, la version intégrée à High Sierra et iOS 11.

Cette version bloque la lecture et nous sommes contraints d’afficher des contrôles… on est encore loin de la simplicité et de la transparence du GIF. En voici un exemple, avec le GIF placé au début de l’article :

Tout cela devrait bientôt changer, en tout cas pour Safari. Le constructeur a ajouté une nouvelle fonction à la version Technology Preview disponible sur macOS et qui intègre les nouveautés en avance : il est désormais possible d’utiliser la balise standard des images, mais avec un fichier vidéo. On bénéficie alors de tous les avantages des images statiques, mais pour une vidéo qui tourne en boucle, comme pour un GIF.

Cette approche a de nombreux avantages par rapport à la solution précédente, où il fallait utiliser la balise vidéo pour intégrer l’image animée. Pour les créateurs de site et les moteurs de blog, la balise image est nettement plus simple à utiliser. Voici à quoi cela ressemble au minimum :

<img src="super-gif-de-chat.mp4">

Pour le navigateur, la balise <video> est optimisée pour les vidéos longues, ce qui a plusieurs conséquences à l’usage, mais la principale est un ralentissement au chargement. Une vidéo chargée avec la balise <img> offrira de meilleures performances que le même fichier, mais chargé avec la balise dédiée à la vidéo. Par ailleurs, l’utilisateur peut facilement sauvegarder un GIF pour le partager et ce sera aussi le cas avec cette nouvelle méthode, alors que c’est plus compliqué en l’état actuel des choses.

Puisque Safari Technology Preview est le seul navigateur à intégrer cette solution à l’heure actuelle, elle n’est pas encore tout à fait prête à être généralisée. Si vous gérez un site web et que vous avez accès aux réglages du serveur, il existe toutefois des pistes pour mettre en place cette nouvelle méthode dès aujourd'hui. Vous pouvez les découvrir dans cet article qui détaille également les bénéfices des vidéos par rapport aux animations sauvegardées sous la forme d’un GIF.

On ne sait pas encore quand est-ce qu’Apple intégrera cette fonction à la version finale de Safari, on ne sait même pas si cela arrivera un jour. C’est néanmoins probable, tant cette proposition apporte des avantages à l’usage. Reste à espérer que Google et Firefox en feront de même…

avatar shaba | 

J'ai une étrange impression de déjà vu en regardant ce gif. De quoi est-il inspiré ?

avatar reborn | 

@shaba

Peu etre d'une demo des live photos 🤔?

avatar shaba | 

@reborn

Je crois pas, c'est bien ce pas de danse particulier qui me parle🤔. Ça finira par revenir !

avatar Nicolas Furno | 

@ Shaba :

Je plaide coupable, j'ai réutilisé une animation créée à l'origine pour cet article… https://www.igen.fr/ios/2017/06/ios-11-les-nouveautes-pour-les-live-photos-100109

Mais elle est tellement bonne qu'on ne s'en lasse pas !

avatar shaba | 

@nicolasf

Ah ouiii merci ! Ça me rendait fou de pas me souvenir :) elle est top en effet !

avatar ovea | 

@nicolasf

J'y ai cru un moment, que tu utilisait un la techno FaceId des emoticones animés … pour ton avatar 🤣 — déformation d'animateur dsl 😅

avatar Alex56 | 

Les GIF sont l’une des pires choses sur la toile et on se passe très de ces petites images horripilantes qui tournent en boucle

avatar Mickaël Bazoge | 
À l'exception du GIF qui illustre brillamment cette actu, bien évidemment.
avatar Nicolas Furno | 

Quel GIF, mais quel GIF !!

avatar Myka31 | 

J’adore votre gif, encore =D

avatar hugome | 

Le format gif était conçu pour compresser des dessins, (boutons, logos,...) pas des photos, et pour ça il était très efficace.

avatar ErGo_404 | 

Il était conçu pour encoder des dessins avec une palette de couleurs réduite, et pour ça il était potable. Mais il n'est pas "très efficace", et encore moins avec les dessins modernes qui peuvent intégrer de nombreuses couleurs.

avatar marc_os | 

Et qu'est-ce qui empêchera d'afficher par ce moyen des videos longues et de grande taille ?
Donc bien sûr, les marketteux et autres publicitaires vont faire à n'en pas douter comme avec Flash, profiter de cette faille - pardon, cette nouvelle technique pour afficher leurs merdes et finir par discréditer le format ou la technique qui ne sera rapidement plus vue que comme une gêne, une nuisance.
Quant à muitiplier les merdouilles animées qui-font-rire-les-gamins-et-transforment-tout-en-sapin-de-Noël, non merci.

avatar chriseg | 
avatar Seb du 95 | 

Ahhh, souvenir des images GIF sur mon ATARI ST..... :-)

avatar ovea | 

Ça expliquerait en partie pourquoi certaines apps qui utilisaient bien les gifs jusqu'à présent on de gros problèmes de migrations :
freeze complet du système
(impossible même d'éteindre l'écran, après une impossibilité de changer d'application, après un freeze de l'app)

avatar Tournicoti | 

Au passage, quelqu'un peut-il me dire pourquoi quand il y a plusieurs GIF sur une page Safari n'en lit qu'une partie alors que tout s'affiche bien sous Chrome.

avatar niclet | 

Enterrer le Gif? J’savais même pô qu’y était malade!

avatar Lonesome Boy | 

@niclet

Si, il est atteint d'obésité morbide 😄

avatar hautelfe | 

Trop ouvert l'APNG.

avatar Un Type Vrai | 

Je suis pour le mng moi...

avatar TheRV | 

Pitié pas de vidéo en lecture automatique. Ça va être la fête à neuneu avec les pib dans tous les sens et le merdier qui va charger avec

avatar harisson | 

"Cette approche a de nombreux avantages par rapport à la solution précédente"

Ça a des avantages pratiques, mais ça va se heurter à des murs infranchissables : les navigateurs non Safari et le W3C.

avatar stefhan | 

Qu’est-ce que j’aime ce gif ! 😂

Pages

CONNEXION UTILISATEUR