Les Allergies
Alimentaires
Posez votre question Signaler

Comment redimensionner des images en HTML ? [Résolu]

gro - Dernière réponse le 2 août 2011 à 20:16
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 ?
Lire la suite 

Comment redimensionner des images en HTML »

7 réponses
Réponse
+19
moins plus
<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
sebsauvage- 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.
Gloubinours91- 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.
Ajouter un commentaire
Réponse
+3
moins plus
a ma connaissance, ce n'est pas possible.
Ou alors il faut lire les propriétés de l'image et générer le code HTML à la volée.

Autre solution: utiliser un programme qui va vous générer automatiquement une gallerie de miniatures, comme l'excellent (et gratuit) XNView.
http://www.xnview.com
Isa - 28 juin 2008 à 18:21
si! c'est possible!!!!

tu mets ton image dans un DIV. La div, tu la dimensionnes comme tu veux. Et l'image tu la définies comme suit:

<div width="lavaleurquetusouhaites" height="lavaleurquetusouhaites"><img src="blabla.jpg" width:"100%" height:100% /></div>

VIve les valeurs relative!!!!!!!!
Isa - 28 juin 2008 à 18:23
Attends, je t'aie introduit une jolie erreur. Voici la version corrigée:

<div width="lavaleurquetusouhaites" height="lavaleurquetusouhaites"><img src="blabla.jpg" width="100%" height="100%" /></div>
Perceval l'Hylien- 2 août 2011 à 20:16
Excellente idée Isa, les DIV fonctionnent impeccable, je n'y avais pas pensé !
Cette solution est l'idéale quand on ne peut pas utiliser le CSS (mon cas, génération de newsletter), qu'on ne veut pas créer un gros script PHP (compatible GD...) qui lui-même crée de nouvelles images, ou éviter les horribles balises HTML de base (hélas trop imparfaites !).
Merci beaucoup !
Ajouter un commentaire
Ce document intitulé « comment redimensionner des images en HTML ? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?