Changer la taille d'une image avec le css

Discussion dans 'Débuter en référencement' créé par sigma2008, 3 Juillet 2008.

  1. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    790
    J'aime reçus:
    5
    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
     
  2. Francois13
    Francois13 WRInaute occasionnel
    Inscrit:
    2 Avril 2007
    Messages:
    276
    J'aime reçus:
    0
    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 ...
     
  3. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    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 :)
     
  4. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    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
     
  5. manHa
    manHa WRInaute impliqué
    Inscrit:
    27 Juillet 2007
    Messages:
    553
    J'aime reçus:
    0
    À proscrire, tes images vont être déformées...
     
  6. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    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:
     
  7. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    790
    J'aime reçus:
    5
  8. supeva
    supeva WRInaute discret
    Inscrit:
    8 Juillet 2008
    Messages:
    196
    J'aime reçus:
    0
    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.
     
  9. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    >> Mais si c'est possible via PHP

    oui, mais ce n'est pas sa question :D
     
  10. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 011
    J'aime reçus:
    133
    Et réduire ces images de cette façon, c'est toujours un poil crade.
     
  11. supeva
    supeva WRInaute discret
    Inscrit:
    8 Juillet 2008
    Messages:
    196
    J'aime reçus:
    0
    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.
     
  12. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    12 011
    J'aime reçus:
    133
    Bein oui mais ton système il réduit [​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.
     
  13. supeva
    supeva WRInaute discret
    Inscrit:
    8 Juillet 2008
    Messages:
    196
    J'aime reçus:
    0
    oui et il y a des scripts tout fait pour ça.
     
Chargement...
Similar Threads - Changer taille image Forum Date
changer la taille de mes polices sur WORDPRESS Développement d'un site Web ou d'une appli mobile 20 Mai 2016
commande pour changer la taille de la police Développement d'un site Web ou d'une appli mobile 22 Octobre 2006
Changer la taille de la police de mes liens Développement d'un site Web ou d'une appli mobile 28 Septembre 2005
WordPress Changer l'emplacement par défaut des médias dans WordPress Développement d'un site Web ou d'une appli mobile 14 Juillet 2022
Quel est l'impact SEO de changer le titre des pages et la balise H1 chaque mois? Débuter en référencement 11 Avril 2022
Quantcast - Comment changer le titre "Le respect de votre vie privée est notre priorité" Développement d'un site Web ou d'une appli mobile 19 Octobre 2021
Changer la couleur du background d'un <tr> Développement d'un site Web ou d'une appli mobile 11 Février 2020
Changer le mdp sans connaitre l'ancien chez Digital Ocean Administration d'un site Web 6 Janvier 2020
Le monde vient de changer (Bert inside) Référencement Google 10 Décembre 2019
Article fixe avec bannière changer souvent Crawl et indexation Google, sitemaps 9 Octobre 2019
Changer de mot clé ? Référencement Google 5 Août 2019
Changer la police de la SERP Référencement Google 16 Juillet 2019
Changer mon url canonique oui / non ? Débuter en référencement 26 Mai 2019
changer les meta title trop souvent est il négatif? Débuter en référencement 29 Décembre 2018
Changer de nom de domaine Noms de domaine et référencement 28 Novembre 2018
changer nom de domaine/ theme Noms de domaine et référencement 21 Octobre 2018
Faut-il changer la date à chaque mise à jour ? Débuter en référencement 19 Juin 2018
Process pour échanger une liste d'emails entre client et prestataire Droit du web (juridique, fiscalité...) 2 Janvier 2018
Changer design du site et nom de domaine en même temps Demandes d'avis et de conseils sur vos sites 19 Décembre 2017
Changer l'indexation de https à http Débuter en référencement 8 Décembre 2017