Changer la taille d'une image avec le css

[sigma2008]

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

[Francois13]

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

[nickargall]

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

[e-kiwi]

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

[manHa]

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

[Pandore]

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.

[sigma2008]

Merci

[supeva]

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.

[e-kiwi]

>> Mais si c'est possible via PHP

oui, mais ce n'est pas sa question

[UsagiYojimbo]

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

[supeva]

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.

[UsagiYojimbo]

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.

[supeva]

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