Générateur de Srcset (Images responsives)

Génère le HTML srcset/sizes à partir d'une liste de largeurs sans dégrader LCP/CLS.

srcset

Aperçu

Générez plusieurs tailles et le HTML srcset/sizes correspondant pour adopter des images responsives.

Utilisation

  1. Charger une image source.
  2. Lister les largeurs requises.
  3. Copier le HTML généré.

Cas d'usage

  • Optimiser les images d'articles.
  • Fournir plusieurs résolutions pour les images hero.
  • Réduire le transfert pour galeries/cartes.

Conseils & connaissances

  • Adapter sizes à votre layout réel.
  • Choisir qualité adaptée par largeur.
  • Combiner avec loading="lazy" pour un meilleur LCP.