En gros, Thumbhash génère une sorte d'image temporaire ultra légère à afficher en attendant que la vraie, plus lourde, se charge rendant la page plus belle à voir.

Techniquement, c'est un truc de fou: le «hash» d'image générée fait tout le temps 21 bytes... il ne s'agit pas de réduire la résolution à 8 ou 16 pixels puis de redimensionner à nouveau à la taille d'origine puis de sauver avec une qualité «potato»... (En faisant comme ça avec ma ictool_class.php, j'obtiens une réduction d'environ 50 fois le poids en webp, mais j'arrive à 1.5 ko quand même...)

Non, il se sert des caractéristiques du webp pour encoder une image très basse résolution+un canal de luminosité... et on arrive à ... 21 b.

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires