html Image au format Webp et Safari

Wazz9

Membre
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:
HTML
<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 :
 
Solution
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

yule

Membre
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
 

Wazz9

Membre
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

Membre
@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

Membre
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.
 

Cascadeur

Membre
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.)

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

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 ! :)
 

Wazz9

Membre
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.
 

Ces discussions pourraient vous intéresser...

Bonjour à tous, J'essaie de déployer une application sur mon serveur live via Docker mais j'ai du faire une mauvaise configuration car l'application s'est installé en local. Il y a un fichier à configurer : docker-compose.yml notamment cette section server: image...
Bonsoir, j'ai fait une recherche sur le forum et je crois que personne n'en a encore parlé, j'ai trouvé un site pas mal lorsque j'ai installé easyPHP (qui est maintenant Webserver) : KodeShot. Cela permet de créer des captures d'écrans d'extrait de code. Vous tapez votre code, vous...
Salut, Pensez-vous qu'il soit possible en CSS de colorer le <body> avec une séparation verticale, à droite une couleur et à gauche une autre couleur ? Je voudrais éviter d'utiliser une image. Je me suis, un peu, creusé la tête mais je vois pas comment faire. Merci les zamis !
-->
Haut