Comment redimensionner des images via HTML ?

Résolu/Fermé

gro - Modifié le 24 janv. 2023 à 18:28
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:

Comment changer la taille d'une image en html
Redimensionner image html - Meilleures réponses
Réduire taille image html - Meilleures réponses
Changer dns - Guide
Comment réduire la taille d'un fichier - Guide
Changer clavier qwerty en azerty - Guide
Comment reduire la taille d'une photo - Guide
Comment agrandir une image - Guide

2 réponses

Réponse 1 / 2

ouafff9
7 mai 2008 à 15:32

<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 mercredi 29 août 2001 Statut Modérateur Dernière intervention 21 octobre 2019 15 659
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.

gterhbtrdnfg
13 nov. 2020 à 15:44

merci ma couille

Réponse 2 / 2

sebsauvage Messages postés 32893 Date d'inscription mercredi 29 août 2001 Statut Modérateur Dernière intervention 21 octobre 2019 15 659
4 mai 2004 à 12:26

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 > 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 Messages postés 523 Date d'inscription samedi 1 janvier 2005 Statut Membre Dernière intervention 25 janvier 2012 198
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 !

SkilleureX
31 mai 2014 à 15:38

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

comment agrandir une image en css

HTML - définir taille bouton

redimensionner une image css

la balise pour la réduction d'une image

convertir pixels en cm

logiciel redimensionnement en CM d'une photo