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

Une image est déformée après un changement de présentation

Distinguer un problème de proportions d’un problème de chargement.

Les mots utiles, en clair
CSS : présentation
Les règles qui définissent les couleurs, les tailles et la disposition de votre page.

Comprendre la situation

Une image peut être étirée par les styles du thème alors que ses dimensions intrinsèques sont correctes. Il faut comparer la taille du fichier, les attributs HTML et la taille effectivement affichée. Le connecteur ne redessine pas les images et ne change pas leur sujet. Un recadrage voulu par le thème peut aussi être confondu avec une déformation.

Marche à suivre

  • Ouvrez le fichier image seul pour vérifier son apparence originale.
  • Inspectez la largeur et la hauteur affichées dans la page.
  • Suspendez PageSpeed.fr et comparez le même élément dans le même écran.
  • Vérifiez les règles CSS de largeur, hauteur et object-fit appliquées par le thème ou le constructeur.

Vérifier le résultat

Si l’image reste déformée sans le connecteur, corrigez la mise en page à sa source. Si la différence dépend des optimisations, transmettez l’URL de la page, celle de l’image et les dimensions observées. Ne remplacez pas immédiatement le fichier original : vous risqueriez de masquer le problème de styles et de perdre une image de bonne qualité.

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