Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Médias

Utiliser plusieurs sources avec la balise picture

Préserver les variantes prévues pour différents écrans ou formats.

Comprendre la situation

La balise picture peut présenter plusieurs sources au navigateur avant une image de repli. Elle sert notamment à choisir un cadrage ou un format adapté. Un ajustement HTML doit conserver cette structure. La présence de plusieurs URL ne signifie pas que toutes sont téléchargées, et l’URL de repli n’est pas toujours celle utilisée dans le contexte du test.

Marche à suivre

  • Inspectez les éléments source et l’image de repli dans le document.
  • Changez la largeur du navigateur et observez la source effectivement chargée.
  • Contrôlez le cadrage, les dimensions et la qualité dans chaque situation importante.
  • Vérifiez les mêmes variantes après suspension du connecteur si vous constatez une différence.

Vérifier le résultat

Le résultat attendu est une sélection cohérente sans perte de repli. Ne remplacez pas toute la structure par une seule URL pour simplifier un diagnostic : vous supprimeriez le comportement responsive prévu. Lorsque vous transmettez un problème, précisez la largeur, la densité de l’écran et le fichier choisi plutôt que le seul nom de la balise.

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site