Changer la taille d'une image avec le css

WRInaute impliqué
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
 
WRInaute occasionnel
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 ...
 
WRInaute accro
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 :)
 
WRInaute accro
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
 
WRInaute passionné
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:
 
WRInaute discret
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:
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.
 
WRInaute discret
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.
 
WRInaute accro
Bein oui mais ton système il réduit
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.
 
Discussions similaires
Haut