[RÉGLÉ] Mauvais dimensionnement des images à l'ouverture de la page (article)

[alain18]

Bonjour,
Je suis sur Joomla 3.3.6
J'ai sur une page 31 images de 110 pixels de hauteur. A la première ouverture de cette page, les images ne s'ouvrent pas toutes correctement, certaines sont 2 ou 3 fois plus grandes que ce qui est défini. Il suffit alors de faire F5 pour retrouver l'ensemble des images parfaitement dimensionnées. Je l'ai d'ailleurs mentionné en haut de la page afin que l'internaute puisse régler le problème, mais cela est bien désagréable...!
Si vous connaissez ce problème, comment peut il être supprimé ?
Ce phénomène ce produit de manière identique sur IE et sur Firefox alors que sur Chrome les images ne s’affichent même pas du tout à la première ouverture de l'article.
Merci de vos conseils avertis.

Excusés moi, j'avais posté dans gestion des modules.

[lomart]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Bonjour,

31 images, il faut le temps de les télécharger.
Si les dimensions ne sont pas indiquées, le navigateur le saura que lors du rechargement de la page

Sans code, ni url impossible d'en dire plus

[alain18]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Merci lomart,
J'utilise le gestionnaire d'image de JCE où je définis les dimensions de l'image. Toutefois cela n'est peut être pas suffisant car dans le code html [Toggle Editor] ces dimensions n'apparaissent pas.
Dans le gestionnaire d'images de JCE, ne faudrait il pas dans l'onglet "avancé" définir un style CSS ? je ne sais pas si cela pourrait améliorer les choses ??
l'URL de cette page: http://www.cyclisme-ufolep18.fr/index.php/clubs-du-cher
Merci de votre soutien.

[lomart]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

L'affichage est conforme au code HTML.
pour les 2 premières images, les largeurs sont définies à 158 et 41

Il faut vérifier que toutes les images soit d'une hauteur de 110px et largeur NaN sous JCE

[messinmaisoui]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Alain18,
Les images me semblent toutes redimensionnées ?

Penser à utiliser par exemple pour les png l'outil en ligne
https://tinypng.com/ qui réduit le poids des images
ex : sur l'image allc310.png le poids passe de 192Ko à 41Ko
Sur cette image d'ailleurs la largeur (utile) à l'écran est de 73 px

<img width="73" alt=...

alors que l'image fait 290 X 310 d'origine soit bien 5-6 fois trop grande !

Ainsi dans ce cas je prendrais la photo d'origine, la redimensionnerait (ici) à 73 * 190
puis un coup de tinypng et je la remettrai en remplacement de mon image trop grande ...
Bon allez ... repas ! @+

[alain18]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Merci pour vos réponses.
Je vous apporte quelques infos complémentaires concernant mes images de maillots. Pour chaque maillot j'ai 2 images: une qui est dimensionnée à 110px de hauteur (poids= 20kb) et une seconde à 310px (poids= 120 à 160 kb) pour l'ouverture en Popup avec médiabox de JCE.
Lomard: pour la première image elle est dimensionnée à 92x110 et la seconde à 73x110.
Une question: C'est quoi la Largeur NaN sous JCE ?

Merci.

[messinmaisoui]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

NaN : Not a Number ...
Je cite
"The short answer is you can interpret ‘NaN’ to mean “not set”

[lomart]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Lomard: pour la première image elle est dimensionnée à 92x110 et la seconde à 73x110.

Ce n'est pas la taille de l'image qui est importante, mais la taille réservée dans JCE.
Tu as 31 maillots et seulement 17 fois height="110", ce qui montre un problème
Si je prends LEVET.T.T; dans JCE, on a seulement width="188" pour une image de 93x110
Dans un premier temps, le navigateur réserve une place de 188 de large. Dès qu'il a l'image, il l'affiche sur cette base. Ensuite au rechargement de la page avec les images en cache, il semble donner la priorité à la taille réelle de l'image. Pourquoi, j'aimerais bien le savoir ?

[alain18]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Bonjour Lomard,
Je vous remercie de suivre mon problème.
1. Pour éviter les images trop lourdes, je lès ai toutes reprises et réduites comme me le préconisait "messinmaisoui" avec Tinypng. Elles sont maintenant de 7 à 8 ko pour celles qui sont affichées sur la page et d'environ 40 ko pour le zoom en popup. Donc 2 images, 2 poids et 2 dimensions différentes.
2. Comment voyez vous que seulement 17 maillots son à height="110" ?
Quand je vérifie avec le Gestionnaire d'image de JCE, toute mes images sont bien à 110px de height.
Il doit y avoir un problème quelque part. J'ai en effet constaté que les 3 premières lignes (les 15 premiers maillots) s'affichaient maintenant toujours correctement. C'était ma première série de modification avant que j’arrête mon travail, ensuite j'ai effectué le reste des modifs toujours avec les mêmes paramètres. C'est alors dans cette dernière partie de page que les problèmes surviennent à la première ouverture de la page.....!!
Un secret....??

[lomart]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Comment voyez vous que seulement 17 maillots son à height="110" ?

J'ai copié le code HTML de l'article pour compter le nombre d'occurrence de height="110
Regardez le code HTML de JCE

[alain18]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

RE,
Je crois que tous vos conseils m'ont été très précieux.
Même si dans mon gestionnaire d'images JCE tout était correct concernant la dimension des photos de maillots, il demeurait toutefois un problème dans le code HTML (comme vous l'aviez constaté) puisque ces dimensions n'apparaissaient pas pour toutes les images.
J'ai donc ajouté manuellement les dimensions manquantes dans le code de ma page et le problème "semble" réglé ??
Si vous pouviez vérifier également sur vos différents explorateurs et me confirmer, nous pourrions dire que le pb est réglé.
Pour moi, même sur Chrôme l'affichage est correct maintenant.
J'avais le même souci sur un module de ma page d'accueil avec une image qui était aussi récalcitrante. En ajoutant manuellement dans le code HTML les dimensions qui n'avaient pas été prises en compte par JCE, il n'y a plus de pb d'affichage.
Si je n'abuse pas trop de votre temps, merci de me confirmer si "no problem" !!

[lomart]

Re : Mauvais dimensionnement des images à l'ouverture de la page (article)

Parfait, on retrouve bien les 31 occurrences de height="110

JCE est pratique, mais rien ne remplace un contrôle du HTML