Changer la taille d'une image avec le css

**le Jeu Juil 03, 2008 9:47**

Bonjour,
j'ai un bloc div avec une page de style

Dans ce bloc j'ai 100 images avec des tailles différente, ce que je veux est de réduire la largeur de chaque image de 12px avec le css !

comment faire ?
merci

**le Jeu Juil 03, 2008 10:15**

Cela ne risque-t'il pas d'alourdir inutilement ta page et d'en ralentir le chargement avec un risque de décrochage des internautes qui se lassent et même d'être mal vu par les moteurs de recherche ?

A mon avis il faut que tu crées toi-même des vignettes. Y'a pleins de logiciels qui font ça automatiquement pour toi ...

**le Jeu Juil 03, 2008 10:27**

Sinon, si tu n'es pas très regardant sur l'optimisation des images et que tu persistes dans ton idée, ben c'est facile.

Si tu veux forcer la largeur de l'image à 12px dans une div que nous appellerons "calque",

div#calque img{width:12px;}

Si tu veux automatiquement réduire de 12px la largeur des images, pas possible en CSS

**le Jeu Juil 03, 2008 11:03**

oui, soit tu modifie directement la taille affichée dans la balise img, soit tu passe par du js / ajax.
dans tous les cas, le rendu sera un peu moche

**le Jeu Juil 03, 2008 15:10**

À proscrire, tes images vont être déformées...

**le Jeu Juil 03, 2008 18:10**

Effectivement, le CSS te fera gagner du temps mais au final tes images seront dégradées à l'affichage. Rien ne vaudra un redimensionnement de celles-cis. :wink:

**le Ven Juil 04, 2008 13:35**

Merci

**le Mar Juil 08, 2008 10:33**

Mais si c'est possible via PHP

Dans un premier temps, tu récupères la taille de ton image et ensuite tu la modifies à ta guise...

Code: Tout sélectionner: list($width, $height) = getimagesize('mon-image.jpg'); <img src="mon-image.jpg" width="'.($width*1.5).'" height="'.($height*1.5).'">

Pour mon cas, je l'agrandis de 1.5 mais tu peux la réduire... suffit d'appliquer une formule de calcule et voilà

J'avais utilisé cette méthode pour un site immobilier http://www.lille-immo.fr.

**le Mar Juil 08, 2008 10:49**

>> Mais si c'est possible via PHP

oui, mais ce n'est pas sa question

**le Mar Juil 08, 2008 11:29**

Et réduire ces images de cette façon, c'est toujours un poil crade.

**le Mar Juil 08, 2008 13:09**

ou alors il faut changer la formule de calcule genre des divisions quand la hauteur est de 12px.

enfin je suis sur que c'est faisable avec mon système en php.

**le Mar Juil 08, 2008 13:59**

Bein oui mais ton système il réduit [img]en%20html[/img] la taille de l'image. Donc sur des images pas trop grosses ca devrait passer, par contre sur des images de bases avec des dimensions plus importantes ca va avoir l'air moche et en plus ça va grave alourdir la page.

Le mieux est encore, en php, de générer des vignettes à partir de l'image en taille principale. C'est le plus propre.

**le Mar Juil 08, 2008 14:06**

oui et il y a des scripts tout fait pour ça.

Changer la taille d'une image avec le css

Changer la taille d'une image avec le css

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne