Bonjour,

Sur site Web en construction, je constate une perte de netteté de l' image mise sur le site par rapport à l'image originale.
Peut-il y avoir une explication d'ordre général et courante à cette perte de netteté ?
Est-ce dû à la procédure de chargement de l'image que j'ai employée ?
Ou encore à la procédure de traitement de l'image (retouche...)
Pour info., l'image "originale" redimensionnée (700x555) et l'image sur site sont de la même taille.

J' ai essayé plusieurs façon de chargé l'image sur le site soit,

> Fichier redimensionné au préalable à la taille souhaitée sur le site, puis chargement direct du fichier.
> Fichier redimensionné au préalable à la taille souhaitée sur le site, puis dans PS CS4 passage par "Enregistrer pour le web et les périphériques",chargement du fichier traité.
J'ai effectué cette opération à plusieurs reprises en modifiant certains paramètres proposés dans "Enregistrer pour le web et...", ex : Jpeg > Maximum, Supérieur, Elevé, avec Optimisé, Progressif ou encore dans l'option Taille de l'image > Qualité > Bicubique, Bicubique plus net , Au plus proche.... Résultat et perte de netteté similaire un fois l'image en ligne.
Pour infos. L'image a été redimensionnée avec FastStone et non pas avec CS4. A ce propos, le type de filtre appliqué lors du redimensionnement (bicubique, bilinéaire etc...) peut-il influer sur la netteté et quel est le filtre le plus approprié.
Autre info., lorsque sous CS4 je crée un aperçu pour "prévisualiser l'image dans un navigateur", l'image est nette comme l' "originale", aucune dégradation.
La perte de netteté n'apparaît qu'une fois l'image sur le site.

Merci à vous.

Bonjour,
Une fois chez votre hébergeur, quelle est la taille du fichier ?
Est ce la même que celle sur votre disque dur ?
Se pourrait il que votre hébergeur compresse les Jpg pour gagner de la place/bande passante ?
Vous pouvez vérifier en ouvrant vos html et jpg associés en local avec votre navigateur pour voir si son interprétation n'est pas en cause.
Curieux, votre truc.

Pour conserver la netteté après une reduction ajoutez un peu d'accentuation avant d'enregistrer/compresser pour le web. La perte de netteté est tout à fait normale.

Bruno
[www.brunomercier.fr]

Enregistrer pour le web et.

n'oubliez pas de mettre à 90-100% la qualité à droite avec le curseur une fois la taille souhaitée obtenue

_._
tumblr.
peintures de J.

Si votre image originale est nette chez vous (celle réduite), c'est très certainement que votre hébergeur applique une moulinette à l'envoi de votre fichier sur Internet.

Si vous avez un accès FTP à votre compte, comme le dis Georges, une bonne manière d'être sûr qu'il ne s'agit pas de ça est de vérifier la taille du fichier chez vous et chez votre hébergeur.

JR.

---
Portfolio | Blog

Comment comparez-vous le fichier en local et mis en ligne ?

Je verrais 4 tests simples à faire, afficher dans votre navigateur :
- l'image seule en local sur votre disque dur ;
- la page html qui affiche l'image toujours en local sur votre disque dur ;
- l'image seule en ligne ;
- la page html en ligne.

Normalement il ne devrait pas y avoir de différence entre l'affichage de l'image seule et au sein de la page html.

S'il y a une différence entre les fichiers locaux et en ligne, c'est que l'hébergeur modifie l'image.

S'il n'y a pas de différence entre tout ça, et qu'en fait la différence de rendu est entre la visualisation dans le navigateur et la visualisation dans un autre logiciel (Photoshop…), c'est alors une question de moteur de rendu du navigateur et il n'y a rien à faire. On peut essayer un autre navigateur pour comparer, mais de toute façon vous n'avez aucun contrôle sur le logiciel utilisé par les visiteurs de votre site.

Merci pour toutes ces pistes et réponses apportées.
Après un certain nombre d'essais différents et variés suivant entre autre les conseils donner ici, la perte de netteté ne viendrait pas de l'image en tant que telle.

2 constatations :

1ère - Lorsque l'image est mise en ligne par le biais, en l'occurrence, de Cjoint.com, elle s'affiche nette et sans perte dans le navigateur (idem d'ailleurs lorsque l'image est affiché dans le navigateur par la fonction de CS4 "Enregistrer pour le web..." > "Aperçu"...).

2ème - (qui me laisse perplexe) Lorsque j'arrive sur le site et que j'ouvre le Portfolio concerné l'image (la première suivant l'ordre de classement) est nette (escalier colimaçon doré).
J'ouvre ensuite la seconde image.
Je reviens ensuite sur la première image (escalier) et là perte de netteté. Cette perte de netteté disparait en actualisant la page dans le navigateur.
L'expérience peut être faite directement sur le site voir ce site > Photographies > Architecture ...
La perte de netteté se remarque particulièrement en observant la plaque noire indiquant le nom de l'immeuble (sur mur beige en bas au centre).

Je ne sais quelle conclusion il faut en tirer.

Merci encore à ceux qui auraient une idée et aux autres.

Bonsoir,
essayez avec un autre navigateur web.
Et regardez les options de cache du navigateur.

Bonsoir,

J'ai effectivement essayé deux navigateurs différents (Firefox / IE). Même phénomène de perte de netteté.
J'ai, depuis mon dernier message, remarqué de manière empirique mais au moins concrète la chose suivante et qui est à l'origine de la perte de netteté. J'ignore la cause de cette réduction d'image ainsi que la manière d'y remédier.

> Lorsque j'arrive une 1ère fois sur la première image du portfolio (ou lorsque j'actualise la page web), l'image s'affiche sur écran dans un format en cm mesuré à la règle soit 17,4cmx13,8cm (identique d'ailleurs à celui affiché sous CS4 ou tout autre logiciel photo).
Lorsque comme décrit plus haut je passe à la seconde image pour revenir à la 1ère, l'image rapetisse > perte de 1cm en longueur et perte identique et proportionnelle en hauteur d'où perte de netteté. L'image retrouve sa taille original lors de l'actualisation.
Pourquoi donc cette "réduction" de l'image affichée (qui d'ailleurs à en fait lieu dès le passage à la deuxième image du Portfolio) ?

Cordialement.

Avez vous validé vos pages HTML avec les tests du W3C ?
Il y a surement du code pourri généré par les outils que vous employez...Dreamweaver ?

Peut être aurais-je dû apporter la précision suivante précision plutôt.

> Le site n'est pas créé de toute pièce mais c'est une coquille vide assez souple cependant pour pouvoir intervenir sur différents paramètres.

Je ne suis pas sûr que se soit l'image en tant que telle et pour elle même qui fasse l'objet de cette réduction de format mais peut être est-ce la page en cours dans son ensemble (bien que seul l'image agrandie fasse l'objet de cette réduction - logo/nom, vignettes, menu et copyright ne sont pas affectés).
La réduction (de l'image ou de la page...) a par contre comme effet visible de "remonter" le copyright situé en bas/centre écran par rapport au bord bas de la page (et donc de l'écran). L'espace entre le copyright et l'image reste toujours identique.
Pour s'en rendre compte de façon plus évidente plutôt que de passer de la 1ère image à la 2nde il suffit de cliquer sur la vignette de l'image 1 puis d'actualiser. L'image subira à nouveau une réduction/perte de netteté en cliquant à nouveau sur la vignette et retrouvera sa netteté d'origine à chaque actualisation.

Cette réduction (de l'image ou de la page) n'a pas cours lorsque je paramètre l'ouverture des images différemment soit non pas en dessous de la barre horizontale de défilement mais par exemple dans une autre page.
S'agirait-il donc d'un problème ou d'un choix de la part des concepteur du site quant à la manière d'afficher la page (afin que tous les éléments de celle-ci s'affichent intégralement sur une même vue)?

En plus d'être un peu long, j'espère ne pas avoir été trop confus. Merci pour votre patience.

Bonjour,

Curieux :

Quand je suis sur le grand bâtiment carré et que j'actualise le navigateur, ce sont les escaliers qui apparaissent et en grande taille !

Michel GUIGUE écrivait:
-------------------------------------------------------
> Bonjour,
>
> Curieux :
>
> Quand je suis sur le grand bâtiment carré et que
> j'actualise le navigateur, ce sont les escaliers
> qui apparaissent et en grande taille !


J'avais également remarqué ce point sans le croire pour autant anormal. Que devrait-il se passer se passer lors d'une actualisation "classique"?

Pour le reste et après contact avec le webmaster du site, il y a bien selon lui un problème d'affichage.
En gros le processus d'affichage lorsque l'on arrive une première fois sur le portfolio ou en actualisant n'est pas le même que lorsque on clique sur les vignette. Et dans ce dernier cas l'image est réduite de 30px d'où perte de netteté.
A l'heure qu'il est le problème n'est qu'à moitié réglé et en quelque sorte à l'envers puisque l'image ne s'affiche plus que d'une seule façon (qu'on actualise ou pas), en l'occurrence réduite de 30px et manquant de netteté.

Bref, naïf et plein d'espoir je me dis que c'est en cours.

<<J'avais également remarqué ce point sans le croire pour autant anormal. Que devrait-il se passer se passer lors d'une actualisation "classique"? >>

C'est anormal.

Une "actualisation" de page renvoie sur le site en tenant compte du lien actif (et non de ce qui pourrait rester sur l'ordinateur en cache de navigation) ; en principe car le cache réserve des surprises.

L'actualisation a priorité d'affichage sur le cache du navigateur (parfois bien laborieux).

Les pages "accueil, contact et lien" sont en .html ; la galerie est en javascript.

Quand on va sur "PHOTOGRAPHIES/ARCHITECTURE", on tombe sur une page en html avec une vignette de la photo escalier et parfois avec la vignette du bâtiment carré !

Ce qui nous amène sur ""http://www.vincent-calloud.com/fr/galerie-704-architecture.html"".

Un clic sur la vignette nous amène sur ""http://www.vincent-calloud.com/fr/portfolio-11882-0-40-.html"" avec un choix entre deux vignettes 'java'.

En première conclusion, le problème semble venir de l'écriture java de la galerie ou de l'architecture même du site : "galerie-704 ..." et portfolio-118 ...".

Les deux images présentées sont-elles uniques sur le site, etc ... ?

Bon courage ...
M.G.

Bonjour,

Merci de me faire remarquer tous ces problèmes que je n'avais pour certains pas décelés et que j'ai du coup signalé.
Je ne peux compter maintenant que sur la bonne volonté du webmaster concerné pour résoudre tout cela.

Cordialement.