corriger photosRésolu/Fermé

Question

Bonjour,
Je suis débutante. Mon site est en ligne. Problème :
Selon les micros, l'affichage des photos est mauvais : photos déformées (allongées). Est-ce un problème de navigateur, de résolution d'écran, ou autre ?
Que dois-je faire pour avoir un affichage de photos correcte. J'ai fait mon site sous Dreamwaver MX 2004.
Merci de me répondre.
Cordialement

bg62 · Answer

bonjour
ne restez pas anonyme .... inscrivez-vous sur le forum !
ce sera bien plus sympa vis à vis des gens qui voudront vous aider ...
et pour ce problème : il faut indiquer dans le code source la largeur et la hauteur des images ...
@mitiés
b g

LuluBulle · Answer

Merci beaucoup ! 
Je vis tenter la manip dans le script. J'espère y arriver.... et je vais m'inscrire !
Cordialement

Lulubulle · Answer

Re bonjour,

Je me suis donc inscrite sous le nom de Lulubule...

A part cela mes problèmes persistent. Les hauteurs et largeurs de mes images sont pourtant bien indiquées dans le code source.

ex : <img src="auteur_fichiers/machin_chose.jpg" width="160" height="200"> 

J'ai toutefois trouvé un message d'erreur sur le script : 
"Attribut IMG manquant dans la balise Alt"

Pouvez-vous me dire ce que je suis censée inscrire de plus dans mon script ?
S'il vous plait, pouvez-vous me donner un exemple ? Vous avez affaire à une "ménagère de + de 50 ans", doublée dune néophyte (mais qui comprend si on lui explique...)

Merci de votre patience !

Cordialement,

Lulubulle · Answer

Suite...

J'ai ajouté une balise Alt 

<img name="machin_chose" src="auteur_fichiers/machin_chose.jpg" width="160" height="200" alt="machin_chose">

et cela n'a rien changer.

J'ai égaement tenté avec une balise alt vide, sans résultat.

S'il vous plait, pouriez-vous m'aider ?

Merci d'avance

truitas · Answer

salut,
juste pour te préciser que la balise alt ne changera rien dans la visualisation de ton image, c'est un texte alternatif à l'image  pour aider par exemple les personnes déficientes visuelles qui utilisent des logiciels spéciaux pour se balader sur le web.

De plus cela peut permettre de participer à un meilleur référencement sur les moteurs de recherche. penses donc à les utiliser

peux tu donner l'adresse de ton site?

internetasso · Answer

les dimensions 200 x 160 sont celles que vous réservez en espace sur le site, mais si homothétiquement votre photo ne supporte pas ces dimensions elle sera déformée... 
Si vous avez une dimension de 200 pixels en largeur, il faut ouvrir un utilitaire photo (comme photoshop) et réduire la dimension de la photo à 200 pixels de large en faisant attention que cette réduction soit appliquée homothétiquement à la hauteur. Après vous mettrez l'image à la même place mais au lieu de mettre les pixels, vous mettrez 100% et la photo ne sera pas déformée... 
La création d'un site commence par la réflexion de son devenir...

Lulubulle · Answer

Bonsoir,

J'y avais bien pensé, Internetasso, mais toutes mes photos ont été préalablement redimentionnées avec photoshop en vue de leur insertion sur mon site... donc ce n'est pas ça.

La déformation des photos ne se voit pas sur tous les micros, je pense donc que le problème doit avoir un rapport avec les navigateurs ou les résolutions d'écran (j'avoue que mes connissances ne sont guère étendues... ça peut être tout autant une erreur dans le script).

Ma dernière tentative :  j'ai mis des photos "gif" à la place des "pjg"... à tout hasard... mais sans illusion. 

Truitas, si tu veux aller voir

Mon site : www.anniejay.com, à "auteur", où c'est le plus flagrant (si la photo est déformée, eh bien non, non, ma vraie tête n'est pas comme ça !).

Merci à vous tous, c'est vraiment gentil de m'aider.

internetasso · Answer

erreur grosse erreur.... ce sont vos originaux de photos qui sont déformées... je viens de charger le portrait pour le rouvrir dans photoshop, la photo est déjà déformées... donc rien à votre avec le code et avec les navigateurs... 
Dans photoshop quand vous ouvrez le menu "images" et "taille de l'image" assurez vous que la case "conserver les proportions" soit cochée...  
Il ne vous reste plus qu'à reprendre toutes les photos "originales" et à les repasser sous photoshop... 
Car votre portrait il fait bien 160 pixels de largeur par 200 pixels de hauteur, mais la photo est déjà déformée, avec votre original vous sélectionné votre justification qui sera par exemple 160 pixels de large et en ayant coché "conserver les proportions" l'ajustement en hauteur sera bien homothétique et votre photo ne sera pas déformée... 
Si vous le sentez pas, passez moi les 10 ou 12 originaux (pas ceux que vous avez sur le site mais les vrais originaux) je vous le ferais avec la bonne justif et sans déformation, il y en a pour 5 minutes même pas... 
La création d'un site commence par la réflexion de son devenir...

bg62 · Answer

bonjour dans le code source nous avons ceci :

l'image réelle fait : 300 X 250 alors soit mettre les vraies dimensions soit réduire l'image et remettre le lien avec d'autres tailles soit conserver le même code, mais avec les mêmes proportions , exemple:

ou sinon ne rien toucher sauf, mettre : 233 et 194 pour conserver ces proportions l'image ne sera plus déformée !! il y en a d'autres à traiter de la même manière ... et .... attention au codage , pas mal d'erreurs : pas de doctype,pas de charset, rien dans la partie 'head' .... @mitiés b g

Lulubulle · Answer

Merci pour vos réponses !

mais je n'y comprend rien, Internetasso, sur mon micro, dans photoshop, mes photos "ont l'air" bien proportionnées et, par conséquent, dans dreamweaver aussi...

Nous avons deux micros à la maison : sur celui de mon mari, les photos sont déformées et pas sur le mien.

Merci pour votre proposition mais je vais installer photoshop sur l'autre micro et tout reprendre à zéro.

Quand à mes scripts, BG62, comme vous l'avez constaté, je n'y connais rien côté programmation. J'ai utilisé des pages téléchargeables toutes prêtes que j'ai modifiées en mode "création" sur Dreamweaver, c'est bien pour cela que j'étais persuadée qu'il manquait des paramètres... Et il en manque !  je vais essayer de voir ces doctype et charset dont vous me parlez.

A suivre...

Encore un grand merci ! et à Bientôt

bg62 · Answer

pour les balises et autres codes normalement elles auraient dues être intégrées (à modifier ensuite ...) dans le template de départ, mais il est vrai que cela n'a pas l'air d'être une grosse référence ..
@mitiés et bon courage ...
b g

internetasso · Answer

sans doute parceque les paramètrages de l'écran et ceux de la carte graphique ne sont pas identiques...ca arrive souvent quand on met un écran plat (façon 16/9e) et qu'on change pas les paramètres de la carte graphique... De toute façon sur photoshop il n'y a qu'un paramètre à changer (les pixels en largeur OU en hauteur) pour redimenssionner une image... (avec case "conserver les proportions" cochée) Au niveau code vous inscrivez juste le lien de l'image et les paramètres de hauteur et de largeur ne sont plus obligatoire si votre original a été "retaillée" à la bonne dimension... Par ex : pour la première photo sur la page index http://www.anniejay.com/index_fichiers/VengMarie.gif si elle est taillée à dimensions correctes (233 de large) votre code :

nouveau code :

la photo n'aura pas de bordure, et sera justifiée à gauche, inutile de mettre une largeur ou une hauteur, puisque votre photo dans "index_fichiers" sera déjà uploadée aux dimensions voulues c'est à dire "telles"... si vous prenez cette habitude, en uploadant les photos à la dimension où elles doivent être placées et vues sur votre site, vous aurez une meilleure définition et moins de code à mettre...) CQFD Bonne journée !! La création d'un site commence par la réflexion de son devenir...

blet · Answer

2fais un clic droit sur le portrait de l'auteur et "enregsitrer sous" tu ouvres ton photoshop et tu verras que la photo qui a été uploadée est DEJA DEFORMEE donc rien à voir avec le code... et bien avec la manière dont elle a été mise au format. internetasso tu as raison !

Lulubulle · Answer

Re bonjour

Internetasso, j'ai changé la résolution de mon écran et, Ô miracle ! , les photos étaient "déformées", comme sur le micro de mon mari ! 

Je n'ai plus qu'à les reprendre dans Photoshop pour les modifer et à les remettre en place sur mon site. 
Je vais en profiter pour revoir mes scripts.

Un grand merci à vous tous, vous êtes vraiment gentils et compétents ! Sans vous, je ne m'en sortais pas.

Cordialement
Annie

internetasso · Answer

depuis le temps que je dis que les originaux sont déformés... enfin !!!  
Suis content que ca aide au moins  
CQFD 
La création d'un site commence par la réflexion de son devenir...

Corriger photos

15 réponses

Discussions similaires

Newsletters