Afficher image .jpg si webp n'est pas supporté
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:
<img src="a.jpg" />
ou
Code:
<img src="a.webp" />
Sachant que je voudrais éviter ce code lourd trouvé sur le net :
Code:
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:
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:
<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.