Bonjour je cherche a optimiser au mieux mes images pour le chargement
que pensez vous de ce code
que pensez vous de ce code
HTML:
<picture>
<source type="image/svg+xml" srcset="https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite.svg">
<source type="image/webp" srcset="https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-800w.webp 800w, https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-480w.webp 480w, https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-320w.webp 320w">
<source type="image/jpeg" srcset="https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-800w.jpg 800w, https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-480w.jpg 480w, https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-320w.jpg 320w">
<img src="https://phil.pecheperle.be/image-perles/3000-perle-verre-peche-3-mm-brune-cylindrique-petite-800w.jpg"
sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"
alt=""
title="">
</picture>
<figcaption>Légende incluant des mots-clés</figcaption>
</figure>