Bonsoir, je souhaiterais passer quelques images au format webp.

Dans mes dossiers, j'ai décidé de laisser les images avec le format d'origine (.jpg), et de rajouter à côté les images en .webp.

Ce qui fait que j'ai dans un dossier lambda :
a.jpg
a.webp
b.jpg
b.webp

Mais je ne sais pas si dans le code html, je dois écrire :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<img src="a.jpg" />
ou
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<img src="a.webp" />

Sachant que je voudrais éviter ce code lourd trouvé sur le net :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<picture>
  <source srcset="logo.webp" type="image/webp">
  <img src="logo.png" alt="Site Logo">
</picture>

J'ai ce code htaccess :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<ifModule mod_rewrite.c>
  RewriteEngine On 
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{REQUEST_URI}  (?i)(.*)(\.jpe?g|\.png)$ 
  RewriteCond %{DOCUMENT_ROOT}%1.webp -f
  RewriteRule (?i)(.*)(\.jpe?g|\.png)$ %1\.webp [L,T=image/webp,R] 
</IfModule>
 
<IfModule mod_headers.c>
  Header append Vary Accept env=REDIRECT_accept
</IfModule>
 
AddType image/webp .webp
Mais mes images dans le html restent en .jpg. Si on les ouvre dans une fenêtre, leur extension est bien redirigée vers la webp.

Moi je voudrais avoir l'inverse, avec dans le html

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<img src="a.webp" />

Et si ce n'est pas supporté, alors je redirige vers l'image .jpg

Mais je ne sais pas comment inverser dans le htaccess avec le code que j'ai mis plus haut <ifModule mod_rewrite.c> ....

Comment procédez vous pour gérer les nouvelles extensions webp? Si je peux avoir un peu d'aide, merci d'avance.