html Image au format Webp et Safari

[Wazz9]

Salut à tous !

Je souhaiterais utiliser des images aux formats Webp sur mon site mais je rencontre un problème de taille : Safari (iOS) ne sait pas les lire.
Le format Webp est intéressant car il permet de réduire le poids des images de près de 30% sans perdre, ou très peu, en qualité. Donc c'est un plus pour la rapidité des sites web.

Est-ce qu'avec HTML on peut créer des balises qui permettent d'afficher une image Webp ou une image dans un autre format si Webp ne peut être lu ?
Genre un truc comme ça:

<img src="/images/logo.webp" src="/images/logo.png" alt="logo" />

Ou bien si vous connaissez la technique pour gérer ce problème.
Merci.

Pour info :

WebP — Wikipédia

fr.wikipedia.org

6 outils gratuits pour convertir vos images au format .WebP

WebP, (officieusement prononcé « weppy »), est un format d'image introduit par Google Developers il y a (déjà !) environ 5 ans. Si vous êtes un concepteur de sites web, ou un développeur qui s'efforce de réduire et d'optimiser

www.codeur.com

 

[yule]

Pas adepte des produits de la pomme, il me semble que sa dernière version (safari 14) sait lire les webp (ça serait le moment en en tout cas)..

Pour les anciennes version , que les gens se mettent à jour.. ou alors à l'extrême, il faudrait utiliser un cdn pour tes images

 

[Nicolas]

Voir la pièce-jointe: Johnrogershousemay2020.webp

C'est une image avec l'extension .webp
Je la poste ici et regarde tout de suite si je peux la voir sur iOS/Safari 14

Edit: Ah ben même sous Windows et FireFox/Chrome/Edge l'image ne s'affiche pas... En cliquant sur le lien ça la télécharge :confused:
Je vais regarder ça de plus près...

 

[Wazz9]

Ouais ça fonctionne sous iOS 14 pas de problème. Merci.
T'as raison yule, les internautes n'ont qu'à se mettre à jour...
Bon c'est vrai que les possesseurs de vieux (très vieux) iPhone qui ne peuvent installer iOS14 seront pénalisés mais ils ne doivent plus être nombreux.

 

[yule]

@Nicolas , j'ai pas compris, sous windows (affichage img, je vois mes webp).. je vais essayer d'en envoyer une ici

Voir la pièce-jointe: fjlogo.webp

@Wazz9 : Pour les pénalisés, ça dépend de la nature de ton site et de tes besoins. Moi je me prive des visiteurs avec IE en utilisant Bootstrap 5 :sneaky: Mais je comme je vends rien et que j'attends rien, celui qui n'est pas à jour un minimum, ben dommage pour lui..

Edit : Etonnant, ton système sur le forum l'affiche puis quand on sauvegarde le message, il passe tout ceci comme fichier sans l'interpréter en tant que tel..

 

[Nicolas]

Oui en fait dans l'éditeur on la voir car c'est le navigateur qui l'affiche mais lors de la sauvegarde elle passe en pièce-jointe car XenForo n'est pas compatible avec le format webp.
Ce le sera dans une prochaine version... ou pas.

Google WebP Support

This would an amazing enhancement for attachments, especially for sites that use many large pictures. WebP is a new image format that provides lossless and lossy compression for images on the web. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller...

xenforo.com

 

[yule]

C'est Appel qui fait Xenforo ?? (Je comprends le "ou pas" puisque le sujet avait commencé en 2014 !)

Pour mon site, j'ai tout mis en Webp cet été.. Enfin l'été dernier...

 

[Cascadeur]

Webp semble déjà sur la pente descendante de l'obsolescence (il date de 2010), et pourrait être supplanté par le format AVIF assez vite (selon certains médias tech.)

AVIF for Next-Generation Image Coding

By Aditya Mavlankar, Jan de Cock, Cyril Concolato, Kyle Swanson, Anush Moorthy and Anne Aaron

netflixtechblog.com

WordPress qui fait, de part sa popularité, office de point de référence ne supporte webp qu'en passant par un plugin dédié, il ne reconnait pas le format nativement. Bon et AVIF encore moins mais AVIF en est qu'à ses débuts.
Le fameux caniuse.com* montre à quel point AVIF est loin d'être reconnu par les navigateurs actuellement

Can I use... Support tables for HTML5, CSS3, etc

caniuse.com

Même si le format "à la mode" change il faut juste espérer que les navigateurs n'abandonnent pas les anciens formats. Ok pour AVIF mais on laisse pas webp sur le chemin. Sinon...

*Si vous ne connaissez/n'utilisez pas caniuse.com c'est une grave erreur !

 

[yule]

@Cascadeur , ok alors je vais attendre quand cela sera APOINT :LOL:

 

[Cascadeur]

Pas la peine de se mettre les nerfs AVIF pour si peu !!

 

[Wazz9]

Le fameux caniuse.com* montre à quel point AVIF est loin d'être reconnu par les navigateurs actuellement

Webp semble déjà sur la pente descendante de l'obsolescence (il date de 2010), et pourrait être supplanté par le format AVIF assez vite (selon certains médias tech.)

C'est un peu contradictoire,
webp est reconnu par l'ensemble des navigateurs et avif par 2.