Redimensionner une miniature

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par twin, 27 Décembre 2007.

  1. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    Hello,

    Petite question ou je n'arrive pas à trouver mon problème. J'ai mon image qui va faire 200px par 600px et j'aimerais que la miniature soit un carré (100px par 100px).
    En clair, qu'une partie de mon image ne soit pas visible avec la miniature.

    Est-ce possible de le faire en css ?

    A noter que je travail avec spip (si cela peut aider).
     
  2. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    Euh, peut etre avec une div 100X100 qui contiendra en image d'arrière plan l'image en question ? en mélangeant un peu de php et de CSS

    Code:
    <div style="width:100px;height:100px;background-image:url(<?php echo $url_img; ?>);">
    &nbsp;
    </div>
     
  3. Pandore
    Pandore WRInaute passionné
    Inscrit:
    14 Octobre 2005
    Messages:
    1 108
    J'aime reçus:
    0
    En général, les redimensionnements d'images par CSS ne donnent pas de bons résultats car les images subissent des dégradations plus ou moins importantes. Sans parler également d'une partie du trafic utilisée pour rien (on charge la grande image pour en afficher une miniature. Si la personne ne clique pas sur la miniature, tu as chargé la grande image pour rien ...).

    Bref, je te conseillerai plutôt de générer tes miniatures à coté, en vraies images quoi. :wink:
     
  4. twin
    twin WRInaute passionné
    Inscrit:
    23 Février 2004
    Messages:
    1 237
    J'aime reçus:
    0
    Merci pour vos réponses; mais en fait avec spip, des miniatures sont automatiquement généré. Donc il ne télécharge pas l'image, mais une petite miniature ;)
     
Chargement...
Similar Threads - Redimensionner miniature Forum Date
Redimensionner un Slider Développement d'un site Web ou d'une appli mobile 7 Mai 2013
Redimensionner photos Débuter en référencement 19 Juillet 2011
Que pense GG de redimensionner une image sans toucher sa taille? Référencement Google 19 Juin 2009
redimensionner une image Développement d'un site Web ou d'une appli mobile 1 Février 2007
Redimensionner Balise <h1> via CSS, interdit ou pas? Référencement Google 25 Juillet 2006
Redimensionner image sous conditions Développement d'un site Web ou d'une appli mobile 10 Janvier 2006
Script pour compresser, recadrer, redimensionner des images Administration d'un site Web 3 Avril 2005
Phpbb redimensionner les images > à ** pixels Administration d'un site Web 2 Avril 2005
Miniature SERP Google (ou Bing) Référencement Google Hier à 06:04
Capturer miniature image soundcloud Développement d'un site Web ou d'une appli mobile 1 Juillet 2019
Capture miniature Youtube YouTube, Google Images et Google Maps 26 Juin 2019
Google teste des images miniatures dans les résultats mobiles Référencement Google 16 Septembre 2016
Alignement des images dans une galerie de miniatures Développement d'un site Web ou d'une appli mobile 23 Janvier 2015
Colle SEO : images, miniatures et Google images sont dans un bateau Crawl et indexation Google, sitemaps 17 Janvier 2015
[script] miniature et cache d'image à la volée Développement d'un site Web ou d'une appli mobile 13 Décembre 2013
Images miniatures sur un article. Développement d'un site Web ou d'une appli mobile 30 Mars 2013
Mettre une miniature Facebook par défaut Développement d'un site Web ou d'une appli mobile 25 Août 2012
création de miniatures Développement d'un site Web ou d'une appli mobile 19 Mai 2012
Recherche google personnalisée et miniatures Référencement Google 9 Février 2012
Miniatures Google Google : l'entreprise, les sites web, les services 18 Novembre 2011