Comment redimensionner des images via HTML ?

Résolu

gro -
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 ?

Afficher la suite

2 réponses

Réponse 1 / 2

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.

approuvée par Jean-François Pillou
ouafff9

<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
229
1. sebsauvage Messages postés 33284 Date d'inscription Statut Modérateur Dernière intervention 15 684
  
  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
2. gterhbtrdnfg
  
  merci ma couille
  
  1
Réponse 2 / 2
sebsauvage Messages postés 33284 Date d'inscription Statut Modérateur Dernière intervention 15 684

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
15
1. Isa
  
  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!!!!!!!!
  
  0
  1. Isa > Isa
    
    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>
    
    1
2. Perceval l'Hylien Messages postés 540 Date d'inscription Statut Membre Dernière intervention 203
  
  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 !
  
  0
3. SkilleureX
  
  Pour ma part j'utilise ce code :
  
  <a href="Image/img.jpg" target="_blank"><title>Nom de l'image</title><img src="Image/tn_img.jpg" alt="nom" title="nom" /></a>
  
  Ce qui permet d'afficher l'image tn_img.png ( qui est une image réduite ( Thumbnail)) sur la page et lorsqu'on clique dessus cela ouvre l'image en taille réelle dans un nouvel onglet
  ( target="_blank" )
  
  0

Comment redimensionner des images via HTML ?

2 réponses

Discussions similaires

Newsletters