Mon image webp ne s affiche pas
Résolu
flexi2202
Messages postés
3822
Date d'inscription
Statut
Membre
Dernière intervention
-
flexi2202 Messages postés 3822 Date d'inscription Statut Membre Dernière intervention -
flexi2202 Messages postés 3822 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Mon image webp ne s affiche pas
- Le clavier de mon telephone ne s'affiche plus - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Ma clé usb ne s'affiche pas - Guide
4 réponses
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
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
bonjour merci pour la réponse
je viens enfin de comprendre le soucis
en fait je dois indiquer le chemin complet comme ceci
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
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
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
par contre avec code ci dessous j ai la remarque de PageSpeed Insights que je dois diffuser les images de nouvelles generation
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>