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 :
ou
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <img src="a.jpg" />
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 :
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.
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
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.
Partager