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 ?

A voir également:

Redimensionner image css
Taille image html - Meilleures réponses
Html redimensionner image - Meilleures réponses
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Reduire taille image - Guide
Légender une image - Guide

2 réponses

Réponse 1 / 2

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

sebsauvage Messages postés 32893 Date d'inscription Statut Modérateur Dernière intervention 15 662

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.

gterhbtrdnfg

merci ma couille

Réponse 2 / 2

sebsauvage Messages postés 32893 Date d'inscription Statut Modérateur Dernière intervention 15 662

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

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

Perceval l'Hylien Messages postés 526 Date d'inscription Statut Membre Dernière intervention 198

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 !

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" )

Discussions similaires

HTML - définir taille bouton

html : taille d'un bouton

Ajustement automatique taille de la page

taille des input

taille d'image (html)

Définir la taille d'une image en pourcentage

Votre réponse

Discussions similaires