Sujet Précédent Sujet Suivant

Mon image webp ne s affiche pas

Résolu/Fermé
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 2024 - 19 déc. 2021 à 11:59
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 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:

4 réponses

Réponse 1 / 4
jee pee Messages postés 39578 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 16 avril 2024 9 221
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

0
Réponse 2 / 4
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 2024 179
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
0
jee pee Messages postés 39578 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 16 avril 2024 9 221
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
0
Réponse 3 / 4
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 2024 179
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>
0
Réponse 4 / 4
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 2024 179
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
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
programme qui n'affiche pas le mot secret
EMy.chev -
yg_be -

3 réponses
Facebook ne signale pas mon anniversaire
alabama9125 -
Milana -

4 réponses