Fermer le menu
 

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

Nicolas Furno | | 11:10 |  28

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…


Les derniers dossiers

Ailleurs sur le Web


28 Commentaires Signaler un abus dans les commentaires

avatar shaba 05/12/2017 - 11:20 via iGeneration pour iOS

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

avatar reborn 05/12/2017 - 11:24 via iGeneration pour iOS (edité)

@shaba

Peu etre d'une demo des live photos 🤔?

avatar shaba 05/12/2017 - 11:27 via iGeneration pour iOS

@reborn

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



avatar Nicolas Furno macG 05/12/2017 - 11:36

@ 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/page/0/1

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

avatar shaba 05/12/2017 - 11:39 via iGeneration pour iOS

@nicolasf

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

avatar ovea 05/12/2017 - 11:40 via iGeneration pour iOS

@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 05/12/2017 - 11:21

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 macG 05/12/2017 - 13:25 (edité)

À l'exception du GIF qui illustre brillamment cette actu, bien évidemment.

avatar Nicolas Furno macG 05/12/2017 - 14:34

Quel GIF, mais quel GIF !!

avatar Myka31 05/12/2017 - 11:22 via iGeneration pour iOS

J’adore votre gif, encore =D

avatar hugome 05/12/2017 - 11:24 via iGeneration pour iOS

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 05/12/2017 - 11:31

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 05/12/2017 - 11:28

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 Seb du 95 05/12/2017 - 11:45

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

avatar ovea 05/12/2017 - 11:46 via iGeneration pour iOS

Ç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 05/12/2017 - 12:12

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 05/12/2017 - 12:17 via iGeneration pour iOS

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

avatar Lonesome Boy 05/12/2017 - 17:04 via iGeneration pour iOS

@niclet

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

avatar hautelfe 05/12/2017 - 14:12

Trop ouvert l'APNG.

avatar Un Type Vrai 05/12/2017 - 22:34

Je suis pour le mng moi...

avatar TheRV 05/12/2017 - 13:57 via iGeneration pour iOS

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 05/12/2017 - 14:01

"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 05/12/2017 - 14:07 via iGeneration pour iOS

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

Pages