Corriger photos
Résolu
LuluBulle
-
internetasso Messages postés 1054 Date d'inscription Statut Membre Dernière intervention -
internetasso Messages postés 1054 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Corriger photos
- Partager des photos - Guide
- Toutes mes photos - Guide
- Google photos - Télécharger - Albums photo
- Doublons photos - Guide
- Comment activer le partage de photos dans google photos - Guide
15 réponses
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
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
Merci beaucoup !
Je vis tenter la manip dans le script. J'espère y arriver.... et je vais m'inscrire !
Cordialement
Je vis tenter la manip dans le script. J'espère y arriver.... et je vais m'inscrire !
Cordialement
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,
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,
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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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?
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?
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...
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...
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.
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.
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...
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...
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
dans le code source nous avons ceci :
<img src="index_fichiers/VengMarie.gif" width="233" height="202" border="0" align="left">
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:
<img src="index_fichiers/VengMarie.gif" width="150" height="125" border="0" align="left">
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
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
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
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
@mitiés et bon courage ...
b g
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 :
<img src="index_fichiers/VengMarie.gif" width="233" height="202" border="0" align="left">
nouveau code :
<img src="index_fichiers/VengMarie.gif" border="0" align="left">
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...
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 :
<img src="index_fichiers/VengMarie.gif" width="233" height="202" border="0" align="left">
nouveau code :
<img src="index_fichiers/VengMarie.gif" border="0" align="left">
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...
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 !
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, 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