[Partage] DJ-WebP et optimisation du poids des images

[abmag]

Bonjours à tous,
Dans le but d'optimiser mes images et en attendant de les gérer une à une (ou presque ) j'ai installé DJ-WebP qui converti les images en .webp sur le serveur et les charge en lieu et place de l'original. Après vérification de l'utilité du plugin je me suis apperçu que l'efficacité du traitement est plus que discutable. Si de manière globale les fichiers .png ont bien maigris, ce n'est pas le cas des fichier .jpg qui ont parfois doublé de volume .
Je partage cette remarque pour info mais j'ai quand même une question:
Pensez-vous que c'est ce plugin qui n'est pas très efficace ou bien que quelque soit son dév. ce type de plugin aura le même genre de résultat et y a t'il vraiment un intérêt à utiliser webp en général?
Petite remarque complémentaire mais qui n'a rien de surprenante:
J'ai quelques fichiers du même nom en .jpg et .png (version png pour une meilleure qualité dans mon esprit) qui du coup ne sont plus différenciés (c'est gérable dans les params du plugin)

[lomart]

Bonjour,

Je ne suis pas sur que le webp fasse maigrir nos images. Il y a quelques années, j'ai écrit un article sur le sujet : https://lomart.fr/references/64-format-ideal-photos

Pour moi, le point important est de ne pas charger de grandes images pour les afficher en vignettes. Pour cela, j'ai fait un plugin qui charge la grande image uniquement sur demande : https://lomart.fr/extensions/lm-zoom. Elle oblige de créer 2 tailles d'images, mais cela permet un contrôle total sur la qualité et l'optimisation du poids.

Une autre solution est l'action image-gallery de UP qui va créer différentes tailles de l'image pour charger celle qui correspond aux besoins de la page

Je parle de mes solutions, mais il doit en exister d'autres

[abmag]

Bonjour Lomart, Merci pour ton commentaire, si il y a un problème, il y a une solution UP .
En fait, je voulais otimiser mes images avant de remplacer SlideShow CK par des modules personnalisés avec UP; C'est prévu pour bientôt.

[lomart]

Pour un slideshow, il faut être très exigeant pour ne pas alourdir la page.
Les optimisations automatiques ne suffisent pas. Il faut voir en fonction du type d'images jusqu'où aller en compression. C'était le but de mon article sur le format idéal des photos.
Regardes aussi du coté du Lazyload. image-gallery le fait, mais ce n'est pas un slideshow. Peut-être une nouvelle idée d'action

[woluweb]

Sinon pour des images en webp mais aussi des images responsive, voici : https://responsive-images.dgrammatiko.dev/

[Colnem30]

Salut
Les images webp ont pour but principal d'être de meilleure qualité lorsqu'on les agrandit au delà de leur taille d'origine.
C'est pour ça qu'elles sont généralement de taille plus petite: on les enregistre à des tailles plutôt basses.

Mais comme dit Lomart, le taux de compression n'est pas forcément meilleur, d'autant plus qu'une image jpeg est dejà compressée.

[pmleconte]

Bonjour,

Au niveau de Google Pagespeed https://pagespeed.web.dev , il conseille d'utiliser des images aux "formats nouvelle génération", dont la webp fait partie (normal, c'est un format développé par Google !!!).

Voir aussi https://web.dev/uses-webp-images/?ut...&utm_medium=lr

Pascal

[abmag]

Merci à tous pour vos commentaires et suggestions
Une mention particulière pour l'article https://lomart.fr/references/64-format-ideal-photos que j'ai trouvé clair et concis