Mon image webp ne s affiche pas

Résolu
flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   -  
flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   -
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 Messages postés 31908 Date d'inscription   Statut Modérateur Dernière intervention   9 985
     
    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
  2. flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   190
     
    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 Messages postés 31908 Date d'inscription   Statut Modérateur Dernière intervention   9 985
       
      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
  3. flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   190
     
    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
  4. flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   190
     
    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