BlurHash

Mmmm... c'est un peu compliqué pour juste ça, non ? ou c'est moi ? (j'ai ptêt pas tout compris )

je me disais que pour les jpeg, ce serait peut-être possible de combiner un jpeg progressif avec un style:blur() jusqu'au chargement de l'image, lors duquel on virerait le blur via js.

genre:

css:
img.blur{
    filter:blur(50)
}

et en js:
img=document.getElementsByTagName("img");
[].forEach.call(img, function(el) {
    el.addEventListener("onload", function(image){
        image.classList.remove("blur");
    });
});

L'avantage, c'est qu'il n'y a rien en backend... C'est juste une idée, j'ai pas DU TOUT testé, hein...

Via https://sebsauvage.net/links/

❝ 1 commentaire ❞

1  sebsauvage le

Afficher un jpg blurré ça implique de commencer déjà à charger un bout du jpeg.

Là tu peux inclure l'aperçu directement dans le code html ou la réponse json, avant même d'avoir à faire la requête http qui va chercher les premiers kilo-octets de l'image.
Donc c'est beaucoup plus rapide.

 

Fil RSS des commentaires de cet article

✍ Écrire un commentaire

Inutile de poster un commentaire à la con pour vous faire de la pub, ce sera filtré et dégagé direct...

Quelle est la première lettre du mot xqmu ?