Mon image webp ne s affiche pas

Résolu/Fermé

flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 - 19 déc. 2021 à 11:59
flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 - 19 déc. 2021 à 21:16

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>

A voir également:

Mon image webp ne s affiche pas
Le clavier de mon telephone ne s'affiche plus - Guide
Image iso - Guide
Webp to png - Guide
Acronis true image - Télécharger - Sauvegarde
Image iso windows 10 - Guide

4 réponses

Réponse 1 / 4

jee pee Messages postés 40711 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 23 janvier 2025 9 505
Modifié le 19 déc. 2021 à 12:37

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

Réponse 2 / 4

flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 187
Modifié le 19 déc. 2021 à 13:00

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

jee pee Messages postés 40711 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 23 janvier 2025 9 505
19 déc. 2021 à 13:09

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

Réponse 3 / 4

flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 187
19 déc. 2021 à 13:59

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>

Réponse 4 / 4

flexi2202 Messages postés 3801 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 octobre 2024 187
19 déc. 2021 à 21:16

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

Discussions similaires

PIX

probleme d'affichage des images sous word

=Si la cellule A1 a du texte = B1 devient couleur

Comment enlever le rouge sur la photo svp ?