Pb affichage photos dans I.E.

[Pruneau]

Bonjour à tous,

J'ai réalisé récemment un site internet pour un ami tatoueur, malheureusement quand je teste chez lui sous windôb et donc Internet Explorer, l'affichage des photos est très mauvais voir hachuré.

Chez testé sur mon iMac sous différents navigateurs : Firefox, Safari, Opéra et Netscape. Chaque visualisation est parfaite.

Est-ce que quelqu'un pourrait me conseiller sur la marche à suivre afin de retrouver des traits lisses et de bonne qualité ?

Concernant l'enregistrement des photos, je travaille sous Photoshop CS3 puis j'enregistre pour le Web et les périphériques - jpeg - Optimisé - Qualité maximum - Bicubique. Peut-être que ces paramètres nuisent au bonne affichage...
Concernant le site je l'ai développé sur Dreamweaver CS3 en html. Peut-être y a-t-il là aussi un problème de code...

Voici l'adresse du site : www.studio-addenda.com . Pour la vérification, il suffit de se rendre sur “Tatouage“ et d'observer le Tiki au centre (image par défaut avant de glisser sur les vignettes).

J'espère avoir été clair et vous remercie par avance de l'aide que vous pourrez m'apporter.

 

[Niconemo]

Il y a une grosse erreur là :

<img src="DATAS/tiki.jpg" alt="phots" name="Test" width="368" height="358" id="Test" />

Ton image originale fait 400 x 400 px, pas 368 x 358.

Ne cherche pas plus loin.

Ça ne se fait pas de redimensionner une image à l'écran, pour tout un tas de raisons dont celle dont tu fais les frais ici.
Mais si tu dois le faire (en assumant un certain amateurisme...) choisis une taille nettement différente de la taille originale et de la même proportion (300 x 300, par exemple) pour que le moteur d'affichage puisse calculer correctement les pixels à afficher. Ici aucune de ces deux conditions n'est remplie.

Mais la seule vraie solution, c'est de faire une image de la taille correcte !

Si ça s'affiche correctement sur Mac, c'est que les navigateurs sur lesquels tu as testé ont un moteur d'affichage suffisamment efficace pour corriger l'erreur... pas qu'il n'y a pas d'erreur. Il est probable que c'a s'affichera correctement aussi sur un PC avec un bon navigateur, une bonne carte graphique, etc.

 

[Pruneau]

Merci beaucoup Niconemo...

J'ai tellement cherché à droite et à gauche que je suis passé à côté de l'évidence !
Encore merci d'avoir trouvé l'erreur si rapidement...

 

[Pruneau]

Il y a une grosse erreur là :

<img src="DATAS/tiki.jpg" alt="phots" name="Test" width="368" height="358" id="Test" />

Ton image originale fait 400 x 400 px, pas 368 x 358.

Ne cherche pas plus loin.

Ça ne se fait pas de redimensionner une image à l'écran, pour tout un tas de raisons dont celle dont tu fais les frais ici.
Mais si tu dois le faire (en assumant un certain amateurisme...) choisis une taille nettement différente de la taille originale et de la même proportion (300 x 300, par exemple) pour que le moteur d'affichage puisse calculer correctement les pixels à afficher. Ici aucune de ces deux conditions n'est remplie.

Mais la seule vraie solution, c'est de faire une image de la taille correcte !

Si ça s'affiche correctement sur Mac, c'est que les navigateurs sur lesquels tu as testé ont un moteur d'affichage suffisamment efficace pour corriger l'erreur... pas qu'il n'y a pas d'erreur. Il est probable que c'a s'affichera correctement aussi sur un PC avec un bon navigateur, une bonne carte graphique, etc.

Comme tu le disais plus haut, toutes mes images, Tiki compris, font 400 x 400 px.
Bien entendu je ne procéderais jamais à un redimensionnement dans Dreamweaver... Tu as trouvé l'erreur située dans le code que j'avais récupéré d'un site réalisé il y a un moment et que je n'avais pas pris le temps de relire correctement, honte sur moi, j'avoue !!!
Au départ, j'ai pensé à la carte graphique du PC de mon ami mais après un test chez une tierce personne, je me suis rendu compte que le problème était ailleurs : ou bien I.E. ou bien.... I.E. !

C'est jamais facile de se remettre en cause !??!!

 

[Niconemo]

Oui, c'est pour ça que, même si tu préfères le wysiwyg (ce que je comprends tout à fait) il faut quand même, de temps en temps regarder à quoi ça ressemble dans le code (Dreamweaver le permet assez facilement)…

Au début ça parait rébarbatif mais dès qu'on commence à dépasser ce qui n'est qu'un préjugé (par lequel je aussi passé aussi en tant que "créatif") et à comprendre comment ça marche, la simplicité du langage (et la liberté extraordinaire que ça procure !) on a tendance à apprécier de plus…

En fait comme on le voit dans le bout de code montré plus haut, l'erreur saute aux yeux.