Rechercher : dans
Par :

Comment redimensionner des images en HTML ?

Dernière réponse le 28 jun 2008 à 18:23:57 gro, le 4 mai 2004 à 12:13:30 
 Signaler ce message aux modérateurs

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 ?

Meilleures réponses pour « comment redimensionner des images en HTML ? » dans :
Redimensionner un lot d'images/photos VoirVous voulez redimensionner vos photos ou images pour pouvoir les envoyer plus facilement par mail, insérer sur un blog, ou plus simplement gagner de l'espace sur votre disque dur ? Mais vous ne voulez pas les redimensionner une par une à la main...
[mythes] On peut protéger une page web/une image contre la copie VoirMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page...
Hébergement gratuit d'images, de photos et d'autres fichiers VoirPlusieurs sites vous permettent d'héberger gratuitement toutes vos images : PixyUp.com imgur.com IMAGEDream Web...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...

1

sebsauvage, le 4 mai 2004 à 12:26:26
  • +1

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

Répondre à sebsauvage

5

Isa, le 28 jun 2008 à 18:21:02

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!!!!!!!!

Répondre à Isa

6

 Isa, le 28 jun 2008 à 18:23:57
  • +1

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>

Répondre à Isa

2

ouafff9, le 7 mai 2008 à 15:32:42
  • +3

<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

Répondre à ouafff9

3

sebsauvage, le 7 mai 2008 à 16:00:42
  • +2

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.

Répondre à sebsauvage