Mon image webp ne s affiche pas

Résolu
flexi2202 -  
bonjour a tous
j essaye d améliorer encore un peu mon site
et cette fois je m attaque aux images
mais l'image webp et d ailleurs même l mage jpg ne s affichent pas

voici le code utilisé 

<picture>
<source srcset="mon-image-1er-format.webp" type="image/webp">
<source srcset="mon-image-2nd-format.jpg" type="image/jpg">
<img src="mon-image-2nd-format.jpg" alt="Texte">
</picture>

4 réponses

  1.  jee pee Modérateur
    Bonjour,

    Avec ce même source mon image webp s'affiche.

    Donc soit l'image n'est pas dans le même répertoire que le source. Soit l'image vient d'un Windows vers un serveur Web linux, et problématique mainte fois citée, le nom de correspond pas exactement. Windows se moque des minuscules/majuscules, linux les prend en compte, et alors Mon-image-1er-format.webp n'est pas mon-image-1er-format.webp

    0
    1. flexi2202 Auteur
      bonjour merci pour la réponse

      je viens enfin de comprendre le soucis

      en fait je dois indiquer le chemin complet comme ceci 

                                      <picture>
<source srcset="https://phil.pecheperle.be/image/ligne-de-la-peche-perle-gardon.webp" type="https://phil.pecheperle.be/image/webp"  style ="display: block;margin-left: auto;margin-right: auto;width: 100%;">
<source srcset="https://phil.pecheperle.be/image/ligne-de-la-peche-perle-gardon.jpg" type="https://phil.pecheperle.be/image/jpg"  style ="display: block;margin-left: auto;margin-right: auto;width: 100%;">
<img src="https://phil.pecheperle.be/image/ligne-de-la-peche-perle-gardon.jpg" alt="Quelle ligne pour la pêche à la perle"  style ="display: block;margin-left: auto;margin-right: auto;width: 100%;">
</picture>


      mais pourquoi je dois indiquer mon chemin complet dans le type

      je viens de retester ma page sur PageSpeed Insights

      et il ne prends pas en considération mon image webp
      0
      1. jee pee Modérateur
        pas de raison d'avoir cela dans le type, c'est toi qui a du l'ajouter via peut être un replace malheureux avec un editeur

        par ailleurs : https://phil.pecheperle.be/image/ligne-de-la-peche-perle-gardon.webp n'existe pas
        0
    2. flexi2202 Auteur
      merci pour la reponse

      peut être dans mon fichier htaccess ...je verrais cela plus tard

      voila j'ai tout vérifier et tout fonctionne sauf pour PageSpeed Insights

      lorsque je mets cette url cela fonctionne plus de remarque de PageSpeed Insights 

       <img src="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.webp" alt="quelle canne a pêche pour la pêche à la perle" style ="display: block;margin-left: auto;margin-right: auto;width: 100%;" />


      par contre avec code ci dessous j ai la remarque de PageSpeed Insights que je dois diffuser les images de nouvelles generation 

                                                     <picture>
<source srcset="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.webp" type="https://phil.pecheperle.be/image/webp"  style ="display: block;margin-left: auto;margin-right: auto;width: 100%;">
<source srcset="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.jpg" type="https://phil.pecheperle.be/image/jpg"  style ="display: block;margin-left: auto;margin-right: auto;width: 100%;">
<img src="https://phil.pecheperle.be/image/choix-canne-peche-de-la-peche-perle-gardon.jpg" alt="Quelle ligne pour la pêche à la perle"  style ="display: block;margin-left: auto;margin-right: auto;width: 100%;">
</picture>
      0
      1. flexi2202 Auteur
        voila c est enfin reglé

        je ne sais pas par quel miracle
        j ai juste remis le chemin relatif dans le type et tout fonctionne

        encore merci a tous
        0

        Discussions similaires

        Retrouver l'image originale d'une photo modifiée
        Raven

        10 réponses
        Cellules,
        akalifa

        5 réponses