Supporté uniquement par Chrome, et sans polyfill, donc pour l'instant, évitez (même si le paramétrage nginx vérifie la dispo des navigateurs web, ce qui cause des soucis avec des proxys d'entreprise).
https://caniuse.com/#feat=webp
Qui plus est, sur les chiffres de comparaison, on n'a pas idée de comparer un format lossless (png) et un lossy, quant aux images jpg, , on se sait pas le taux de compressions, les réglages et le nombre de passes.
Concernant les proxy, c'est tout l'intérêt du header Vary “Accept-Encoding”; qui déclare aux proxy qu'il y a plusieurs versions des images à mettre en cache.
Merci de me faire remarquer l'absence des paramètres utilisés dans le tableau de comparaison, je vais corriger cela, car dans le cas des images png, la conversion a été effectuée en mode lossless.
Supporté uniquement par Chrome, et sans polyfill, donc pour l'instant, évitez (même si le paramétrage nginx vérifie la dispo des navigateurs web, ce qui cause des soucis avec des proxys d'entreprise). https://caniuse.com/#feat=webp
Qui plus est, sur les chiffres de comparaison, on n'a pas idée de comparer un format lossless (png) et un lossy, quant aux images jpg, , on se sait pas le taux de compressions, les réglages et le nombre de passes.
Optimisez plutôt avec des scripts. Si vous en cherchez : https://github.com/dascritch/optimize-images-subdir
Bonjour,
Concernant les proxy, c'est tout l'intérêt du header Vary “Accept-Encoding”; qui déclare aux proxy qu'il y a plusieurs versions des images à mettre en cache.
Merci de me faire remarquer l'absence des paramètres utilisés dans le tableau de comparaison, je vais corriger cela, car dans le cas des images png, la conversion a été effectuée en mode lossless.
Enfin concernant l'usage de scripts, https://github.com/VirtuBox/img-optimize que j'ai publié sur Github, réalise déjà l'optimisation des images png et jpg.