Comment redimensionner des images d'un site via le code HTML ?

Résolu/Fermé
gro - Modifié le 5 oct. 2021 à 11:23
 Sniper25 - 23 sept. 2021 à 23:39
Bonjour,

Je fais actuellement une photothèque sur un site et j'aimerais que toutes les photos que j'affiche soient toutes diminuées de 50% par exemple.

Comment faire ?

J'ai essayer ceci :

<img src="blabla.jpg" height="50%" width="50%">

mais l'image fait alors 50% de hauteur et de largeur de la page !

Faut il utiliser les propriétés des CSS ?

2 réponses

<img src="ton_image.JPG" height="352" width="470" >

jai mis ce lien et il marche parfaitement, donc je ne vois pas ou est le probleme... dsl
227
sebsauvage Messages postés 32844 Date d'inscription mercredi 29 août 2001 Statut Modérateur Dernière intervention 21 octobre 2019 15 653
7 mai 2008 à 16:00
Et tes valeurs 352 et 470, tu les as sorties d'où ? De l'image ?
Donc il a fallu lire l'image, puis générer le code HTML correspondant.

Là il voulait que le code HTML affiche automatiquement les images à 50% de leur taille d'origine, ce qui n'est pas possible en HTML seul: il faut impérativement lire les dimensions de l'image pour mettre les bonnes valeurs dans width et height.
0
Gloubinours91 Messages postés 361 Date d'inscription mercredi 9 juillet 2008 Statut Membre Dernière intervention 22 septembre 2016 135
16 juin 2010 à 12:53
Hello,

@ ouafff9 : Je confirme que cela marche, je viens de l'utiliser.
Pour cedont tu parles "gro", je suppose que tu veux que toutes tes images apparaissent à la même taille? Les réduire de 50% chacune impliquent donc qu'elles soient toutes à la même taille à la base, jusqu'ici on est d'accord?
Donc: Place ta balise <img src="ton_image.JPG" height="x" width="x" >
et remplace les "x" par une valeur qui te convient, et qui sera par conséquent universelle à toute tes images!

Et si tes images ne font pas la même taille à la base, tu fais du handmade! (Du travail à la main, Càd tu étudies la taille de chaque image et tu trouves sa taille réduite optimale)

Héé oui c'est chiant de faire un beau truc! =P
Aller bonne chance ;)

Gloubi.
0
Merci de m'avoir donné cet coup de main, sa échappait...
0
Merci beaucoup cela marche parfaitement bien!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!<ital></ital>
0
gterhbtrdnfg
13 nov. 2020 à 15:44
merci ma couille
0