Thème Avada : comment obtenir une image à la une à petite résolution (Créer un compte)

  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #564642
    outters
    Membre
    Initié WordPress
    7 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 4.5.2
    – Version de PHP/MySQL : 5.5
    – Thème utilisé : Avada
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://www.outters.fr/wp

    Problème(s) rencontré(s) : je cherche à intégrer une image à la une de petite taille et surtout à petite résolution sur mes articles. Sur la bibliothèque de média j’ai des images de grande taille mais également de petites résolution que Média a créé lors du transfert de mes images, je les vois sur mon ftp mais lorsque je veux choisir une image à la une je n’ai accès que aux grandes images !
    Sur Avada option je ne trouve rien sur cette possibilité d’avoir une image à la une de petite résolution.

    Je pose la question avant de transférer des images de petites résolution.

    Nicolas Outters

    #1601520
    Chris75002
    Participant
    Initié WordPress
    2 contributions

    Bonjour Nicolas,

    Avez-vous trouvé réponse à votre question ?

    Si oui je suis intéressé.

    Cordialement,

    Christian

    #1603773
    momofr@free.fr
    Modérateur
    Maître WordPress
    3204 contributions

    Les images à la une sont en effet basées sur les images sources (dimensions d’origine), le thème ensuite les traite en fonction de ses besoins, si c’est bien fait comme indiqué aujourd’hui avec les balises responsives, les images finales devraient être adaptées au contexte de l’écran avec plus ou moins de pixels. Si c’est mal fait on retrouve parfois de gros fichiers en dimensions réduites, et c’est pas top côté poids de la page.

    AVADA  est de ce pointe de vu correctement paramétré sur les images à la une :

    <img class="attachment-full size-full wp-post-image" src="https://avada.theme-fusion.com/technology/wp-content/uploads/sites/74/2016/08/post-3-image-400x288.jpg" alt="post-3-image" srcset="https://avada.theme-fusion.com/technology/wp-content/uploads/sites/74/2016/08/post-3-image-200x144.jpg 200w, https://avada.theme-fusion.com/technology/wp-content/uploads/sites/74/2016/08/post-3-image-400x288.jpg 400w, https://avada.theme-fusion.com/technology/wp-content/uploads/sites/74/2016/08/post-3-image-600x431.jpg 600w, https://avada.theme-fusion.com/technology/wp-content/uploads/sites/74/2016/08/post-3-image-800x575.jpg 800w, https://avada.theme-fusion.com/technology/wp-content/uploads/sites/74/2016/08/post-3-image.jpg 1000w" sizes="(min-width: 784px) 363px, (min-width: 712px) 545px, (min-width: 640px) 712px, 100vw" draggable="false" width="1000" height="719">

    La balise “srcset” comporte les différentes versions de l’image, ainsi le fichier chargé est adapté à la résolution de l’écran.

    #1604180
    Chris75002
    Participant
    Initié WordPress
    2 contributions

    Merci pour votre réponse.

    Cordialement,

     

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.