{"id":16563,"date":"2022-11-10T00:02:01","date_gmt":"2022-11-10T00:02:01","guid":{"rendered":"\/tutoriels\/?p=16563"},"modified":"2025-03-03T22:08:21","modified_gmt":"2025-03-03T22:08:21","slug":"webp","status":"publish","type":"post","link":"\/fr\/tutoriels\/webp\/","title":{"rendered":"Qu&#8217;est-ce que le format d&#8217;image WebP ? Guide du d\u00e9butant"},"content":{"rendered":"<p class=\"wp-block-paragraph\">De nombreux sites web ont commenc&eacute; &agrave; adopter un nouveau format d&rsquo;image appel&eacute; WebP. Qu&rsquo;est-ce que WebP, et pourquoi peut-il &ecirc;tre plus avantageux que les autres formats d&rsquo;image ?<\/p><p class=\"wp-block-paragraph\">WebP est un format d&eacute;velopp&eacute; par Google apr&egrave;s l&rsquo;acquisition de On2 Technologies. Bas&eacute; sur le codec vid&eacute;o VP8, WebP offre des images riches et de haute qualit&eacute; dans un format plus petit que PNG ou JPEG. Il combine et am&eacute;liore les meilleures qualit&eacute;s des formats JPEG et PNG en offrant une compression avanc&eacute;e avec et sans perte.<\/p><p class=\"wp-block-paragraph\">L&rsquo;optimisation de la taille des fichiers d&rsquo;image est essentielle pour accro&icirc;tre les performances d&rsquo;un site. L&rsquo;utilisation du format WebP permet d&rsquo;y parvenir sans sacrifier la qualit&eacute; de l&rsquo;image, ce qui en fait un format adapt&eacute; &agrave; de nombreux propri&eacute;taires de sites web.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-FR.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41455\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\">Dans cet article, vous apprendrez ce qu&rsquo;est WebP, ainsi que les avantages et les inconv&eacute;nients qu&rsquo;il pr&eacute;sente. Nous verrons &eacute;galement comment utiliser WebP sur WordPress et comment enregistrer un fichier WebP sur votre ordinateur.<\/p><p>\n\n\n\n\n\n\n<\/p><p class=\"wp-block-paragraph\"><div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   Qu'est-ce que le format WebP ?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\">WebP est un format d&rsquo;image de nouvelle g&eacute;n&eacute;ration qui utilise des m&eacute;thodes de compression d&rsquo;image avec et sans perte pour r&eacute;duire la taille des images tout en conservant une bonne qualit&eacute;.<\/p><\/div><\/p><h2 class=\"wp-block-heading\" id=\"h-quels-sont-les-avantages-de-webp\">Quels sont les avantages de WebP ?<\/h2><p class=\"wp-block-paragraph\">L&rsquo;utilisation d&rsquo;images WebP pr&eacute;sente quatre avantages principaux :<\/p><ul class=\"wp-block-list\">\n<li><strong>Augmente les performances des sites web.&nbsp;<\/strong>Le format WebP est plus l&eacute;ger que les formats JPEG et PNG. Des fichiers d&rsquo;images plus petits augmenteront la vitesse de chargement d&rsquo;un site.<\/li>\n\n\n\n<li><strong>Permet d&rsquo;&eacute;conomiser davantage de bande passante.<\/strong>&nbsp;La bande passante est la vitesse &agrave; laquelle votre serveur peut transf&eacute;rer des donn&eacute;es &agrave; vos utilisateurs finaux dans un temps donn&eacute;. WebP peut lib&eacute;rer de l&rsquo;espace dans la bande passante, ce qui permet aux sites web de proposer davantage de contenu. C&rsquo;est particuli&egrave;rement important pour les sites web contenant de nombreuses images, comme les blogs consacr&eacute;s &agrave; l&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-creer-un-blog-de-cuisine\/\">alimentation<\/a>, aux voyages ou &agrave; la photographie.<\/li>\n\n\n\n<li>Am&eacute;lioration de l&rsquo;optimisation des moteurs de recherche (SEO). L&rsquo;augmentation de la vitesse des pages gr&acirc;ce &agrave; des images plus l&eacute;g&egrave;res aura un effet positif sur le classement du site dans les moteurs de recherche comme Google.<\/li>\n\n\n\n<li><strong>Affichez des images de haute qualit&eacute;.<\/strong> Vous n&rsquo;avez pas besoin de sacrifier la qualit&eacute; des images pour une vitesse de chargement plus rapide. Avec WebP, vous pouvez b&eacute;n&eacute;ficier du meilleur des deux mondes et am&eacute;liorer l&rsquo;exp&eacute;rience utilisateur de votre site.<\/li>\n\n\n\n<li><strong>Affichez diff&eacute;rents types d&rsquo;images.<\/strong>&nbsp;WebP prend en charge les images transparentes et anim&eacute;es.<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Pour illustrer davantage les avantages de WebP par rapport &agrave; d&rsquo;autres formats comme JPEG et PNG, examinons ce que les deux offrent en comparaison.<\/p><p class=\"wp-block-paragraph\">Le format <strong>JPEG (ou JPG)<\/strong> est excellent pour les images comportant de nombreuses couleurs et constitue l&rsquo;option pr&eacute;f&eacute;r&eacute;e pour les photos. Cependant, les fichiers d&rsquo;images JPEG utilisent une compression avec<strong> perte<\/strong>, ce qui signifie que vous verrez une baisse de qualit&eacute; lorsqu&rsquo;ils seront r&eacute;enregistr&eacute;s ou modifi&eacute;s. Un autre inconv&eacute;nient de ce format est qu&rsquo;il ne prend pas en charge la transparence ni l&rsquo;animation.<\/p><p class=\"wp-block-paragraph\">En revanche, le type de fichier<strong> PNG<\/strong> est excellent pour conserver une qualit&eacute; d&rsquo;image &eacute;lev&eacute;e gr&acirc;ce &agrave; sa compression sans perte. Ce format convient aux images qui comportent beaucoup de pixels, comme les infographies contenant beaucoup de texte. Il prend &eacute;galement en charge la transparence, ce qui le rend id&eacute;al pour les &eacute;l&eacute;ments de conception web et les logos. Malheureusement, le format PNG est g&eacute;n&eacute;ralement plus grand et ne prend pas en charge les animations.<\/p><p class=\"wp-block-paragraph\">WebP poss&egrave;de les meilleures qualit&eacute;s des deux formats. Plus important encore, il offre une taille de fichier inf&eacute;rieure d&rsquo;environ 25 &agrave; 34 % &agrave; un indice de qualit&eacute; SSIM &eacute;quivalent &agrave; celui du PNG ou du JPEG.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"903\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-22.png\/public\" alt=\"Comparaison entre JPEG et WebP\n\" class=\"wp-image-16790\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-22.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-22.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-22.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-22.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Regardez des exemples d&rsquo;images de la <a href=\"https:\/\/developers.google.com\/speed\/webp\/gallery1\" target=\"_blank\" rel=\"noopener\">galerie WebP de Google<\/a>. Le site web compare des images JPEG et WebP de qualit&eacute; similaire.<\/p><p class=\"wp-block-paragraph\">Cliquez sur chaque image du site et comparez ce que vous voyez. Il n&rsquo;y a pas de grande diff&eacute;rence de qualit&eacute; entre les images JPEG de gauche et les images WebP de droite. Pourtant, la taille des fichiers WebP est nettement inf&eacute;rieure &agrave; celle des fichiers JPEG.<\/p><h2 class=\"wp-block-heading\" id=\"h-quels-sont-les-inconvenients-de-webp\">Quels sont les inconv&eacute;nients de WebP ?<\/h2><p class=\"wp-block-paragraph\">Bien que l&rsquo;adoption du format WebP pr&eacute;sente de nombreux avantages, il existe certains inconv&eacute;nients dont vous devez &ecirc;tre conscient. Passons en revue les probl&egrave;mes li&eacute;s aux logiciels, en particulier les navigateurs Web.<\/p><p class=\"wp-block-paragraph\">M&ecirc;me si la prise en charge de WebP par les principaux navigateurs web s&rsquo;est am&eacute;lior&eacute;e au fil des ans, certains navigateurs ne prennent toujours pas en charge ce type de fichier.<\/p><p class=\"wp-block-paragraph\">Les navigateurs web les plus populaires, comme <strong>Google Chrome, Mozilla Firefox, Opera et Microsoft Edge<\/strong>, prennent en charge le format WebP depuis des ann&eacute;es. Plus r&eacute;cemment, <strong>Safari<\/strong> a ajout&eacute; la prise en charge de WebP &eacute;galement.<\/p><p class=\"wp-block-paragraph\">Compte tenu de la tendance actuelle, on peut s&rsquo;attendre &agrave; ce que d&rsquo;autres navigateurs qui ne prenaient pas en charge WebP finissent par le faire, alors n&rsquo;h&eacute;sitez pas &agrave; suivre l&rsquo;&eacute;volution de la situation.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/02\/webp-support.webp\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2022\/02\/webp-support.png\/public\" alt=\"Tableau de prise en charge de WebP pour diff&eacute;rents navigateurs.\n\" class=\"wp-image-46744\"><\/a><\/figure>\n<\/div><p class=\"wp-block-paragraph\">En ce qui concerne les autres logiciels, tous ne prennent pas en charge le format WebP. Certaines visionneuses d&rsquo;images et certains outils de retouche d&rsquo;images ne peuvent pas ouvrir les fichiers WebP. Par exemple, <a href=\"https:\/\/www.photoshop.com\/\" target=\"_blank\" rel=\"noopener\">Adobe Photoshop<\/a> ne le prend pas en charge par d&eacute;faut. Pour modifier un fichier WebP dans Adobe Photoshop, vous devez d&rsquo;abord installer le plugin <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webpshop\" target=\"_blank\" rel=\"noopener\">WebPShop.<\/a><\/p><h2 class=\"wp-block-heading\" id=\"h-utilisation-d-images-webp-dans-wordpress\">Utilisation d&rsquo;images WebP dans WordPress<\/h2><p class=\"wp-block-paragraph\">WordPress a introduit la prise en charge de WebP dans la version WordPress 5.8 pour permettre de t&eacute;l&eacute;verser des images WebP dans la m&eacute;diath&egrave;que.<\/p><p class=\"wp-block-paragraph\">Allez dans <strong>Media -&gt; Ajouter<\/strong> et s&eacute;lectionnez les fichiers WebP &agrave; t&eacute;l&eacute;verser. Une fois que vous avez ajout&eacute; les images &agrave; la biblioth&egrave;que de m&eacute;dias, v&eacute;rifiez si cela a fonctionn&eacute; sans probl&egrave;me. Vous pouvez &eacute;galement t&eacute;l&eacute;verser une image lorsque vous r&eacute;digez un article ou modifiez une page.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"738\" height=\"419\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-23.png\/public\" alt=\"D&eacute;tails de l'image WebP dans la m&eacute;diath&egrave;que de WordPress.\n\" class=\"wp-image-16793\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-23.png\/w=738,fit=scale-down 738w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-23.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-23.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Cependant, le support WebP de WordPress ne convertira pas automatiquement les images existantes dans la m&eacute;diath&egrave;que au format WebP. Pour ce faire, utilisez un plugin d&rsquo;optimisation d&rsquo;image pour convertir les images en WebP lorsqu&rsquo;elles sont affich&eacute;es sur votre site web.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"395\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-24.png\/public\" alt=\"Plugin ShortPixel pour WordPress\n\" class=\"wp-image-16794\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-24.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-24.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-24.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-24.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener\">ShortPixel<\/a> est un plugin freemium de compression d&rsquo;images pour WordPress. D&egrave;s son installation, il peut convertir les images existantes et futures de votre biblioth&egrave;que en WebP. Il utilise le cloud et un r&eacute;seau de diffusion de contenu (CDN) pour stocker et transf&eacute;rer vos images optimis&eacute;es, ce qui vous permet d&rsquo;&eacute;conomiser davantage d&rsquo;espace de stockage et de bande passante.<\/p><p class=\"wp-block-paragraph\">Outre la conversion WebP, ShortPixel offre &eacute;galement d&rsquo;autres fonctions utiles d&rsquo;optimisation des images, comme <a href=\"https:\/\/wordpress.org\/plugins\/wp-retina-2x\/\" target=\"_blank\" rel=\"noopener\">WP Retina 2x<\/a> et la compatibilit&eacute; <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noopener\">CloudFlare<\/a>. Une assistance est disponible directement aupr&egrave;s des d&eacute;veloppeurs.<\/p><p class=\"wp-block-paragraph\">Le plan gratuit de ShortPixel vous permet de compresser jusqu&rsquo;&agrave; 100 images\/mois. Si vous avez beaucoup d&rsquo;images sur votre site, envisagez de passer &agrave; l&rsquo;un de leurs <a href=\"https:\/\/shortpixel.com\/pricing\" target=\"_blank\" rel=\"noopener\">plans premium<\/a>. Vous avez la possibilit&eacute; d&rsquo;acheter des plans mensuels ou des cr&eacute;dits uniques.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/09\/optimole-plugin.webp\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/09\/optimole-plugin.png\/public\" alt=\"Plugin Optimole pour WordPress\" class=\"wp-image-35860\"><\/a><\/figure>\n<\/div><p class=\"wp-block-paragraph\">Un autre plugin qui fonctionne de mani&egrave;re similaire est le plugin <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener\">Optimole<\/a>. Sur le plan gratuit, il n&rsquo;y a pas de limite quant au nombre d&rsquo;images que vous pouvez optimiser, tant que vous avez moins de 5 000 visites\/mois. Si vos visiteurs mensuels d&eacute;passent cette limite, envisagez d&rsquo;acheter l&rsquo;un de leurs <a href=\"https:\/\/optimole.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">plans premium.<\/a><\/p><p class=\"wp-block-paragraph\">Si vous pr&eacute;f&eacute;rez une approche manuelle, vous pouvez &eacute;galement utiliser <a href=\"https:\/\/developer.wordpress.com\/docs\/photon\/api\/\" target=\"_blank\" rel=\"noopener\">Photon API<\/a>. Elle convertit vos images JPEG et PNG dans le format de fichier de votre choix, y compris WebP. Cependant, n&rsquo;oubliez pas que vous ne pouvez utiliser cette API que si vous utilisez WordPress.com ou si votre site WordPress auto-h&eacute;berg&eacute; est connect&eacute; &agrave; <a href=\"https:\/\/jetpack.com\/\" target=\"_blank\" rel=\"noopener\">Jetpack.<\/a><\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-comment-enregistrer-des-images-webp-en-tant-que-fichiers-jpeg-ou-png\">Comment enregistrer des images WebP en tant que fichiers JPEG ou PNG ?<\/h2><p class=\"wp-block-paragraph\">M&ecirc;me si WebP est sup&eacute;rieur aux formats PNG et JPEG &agrave; bien des &eacute;gards, il y a des raisons pour lesquelles vous pouvez vouloir enregistrer des images au format JPEG ou PNG.<\/p><p class=\"wp-block-paragraph\">Par exemple, si le logiciel graphique que vous utilisez ne prend pas en charge WebP, vous aurez besoin de la version JPEG ou PNG de l&rsquo;image. Voici quelques m&eacute;thodes que vous pouvez essayer pour enregistrer des images WebP au format JPEG ou PNG :<\/p><ul class=\"wp-block-list\">\n<li><strong>Utilisez un autre navigateur. <\/strong>Ouvrez la page web contenant l&rsquo;image que vous souhaitez enregistrer &agrave; l&rsquo;aide d&rsquo;un navigateur qui ne prend pas en charge WebP. Le navigateur affichera la version JPEG ou PNG de l&rsquo;image, et vous pourrez l&rsquo;enregistrer comme d&rsquo;habitude.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/09\/save-picture.webp\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/09\/save-picture.png\/public\" alt=\"&Eacute;cran d'enregistrement de Microsoft Paint avec la possibilit&eacute; de choisir un nouveau nom pour l'image\n\" class=\"wp-image-35857\"><\/a><\/figure>\n<\/div><ul class=\"wp-block-list\">\n<li><strong>Utilisez Microsoft Paint. <\/strong>Si vous utilisez Windows, enregistrez l&rsquo;image WebP. Ensuite, ouvrez-la dans Microsoft Paint. Allez dans Fichier -&gt; Enregistrer sous. Choisissez votre format pr&eacute;f&eacute;r&eacute;.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/09\/image-formats.webp\"><img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/2\/2021\/09\/image-formats.png\/public\" alt=\"La fonction Enregistrer sous de Microsoft Paint offre diff&eacute;rentes options de format mises en &eacute;vidence.\n\" class=\"wp-image-35859\"><\/a><\/figure>\n<\/div><ul class=\"wp-block-list\">\n<li><strong>Utilisez un outil de conversion d&rsquo;image en ligne.<\/strong> Enregistrez l&rsquo;image WebP sur votre ordinateur et convertissez-la en ligne &agrave; l&rsquo;aide d&rsquo;un outil comme <a href=\"https:\/\/cloudconvert.com\/webp-converter\" target=\"_blank\" rel=\"noopener\">CloudConvert.<\/a><\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p class=\"wp-block-paragraph\">WebP est un format d&rsquo;image de nouvelle g&eacute;n&eacute;ration qui am&eacute;liore ses pr&eacute;d&eacute;cesseurs, tels que JPEG et PNG. Il propose des technologies de compression avanc&eacute;es qui permettent de conserver la qualit&eacute; de l&rsquo;image tout en r&eacute;duisant la taille des fichiers.<\/p><p class=\"wp-block-paragraph\">Dans cet article, nous avons propos&eacute; des moyens de contourner les probl&egrave;mes li&eacute;s au format WebP. Nous avons explor&eacute; comment utiliser WebP sur WordPress et comment l&rsquo;enregistrer en tant que JPEG ou PNG. Nous esp&eacute;rons que cet article vous a aid&eacute; &agrave; mieux comprendre le format WebP et &agrave; r&eacute;soudre les probl&egrave;mes que vous pourriez rencontrer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De nombreux sites web ont commenc&eacute; &agrave; adopter un nouveau format d&rsquo;image appel&eacute; WebP. Qu&rsquo;est-ce que WebP, et pourquoi peut-il &ecirc;tre plus avantageux que les autres formats d&rsquo;image ? WebP est un format d&eacute;velopp&eacute; par Google apr&egrave;s l&rsquo;acquisition de On2 Technologies. Bas&eacute; sur le codec vid&eacute;o VP8, WebP offre des images riches et de haute [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/webp\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":189,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Qu'est-ce Que Le Format D'image WebP ?","rank_math_description":"Qu'est-ce que le format d'image WebP ? Quels sont ses avantages et ses inconv\u00e9nients ? D\u00e9couvrez la r\u00e9ponse avec cet article.","rank_math_focus_keyword":"webp","footnotes":""},"categories":[5900,5847],"tags":[],"class_list":["post-16563","post","type-post","status-publish","format-standard","hentry","category-optimisation-des-performances","category-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/what-is-webp\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/webp\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/webp\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/que-es-webp\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/apa-itu-webp\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/webp\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/webp\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/what-is-webp\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/what-is-webp\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/what-is-webp\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/what-is-webp\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/what-is-webp\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-webp\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/que-es-webp\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/que-es-webp\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/webp\/","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=16563"}],"version-history":[{"count":21,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16563\/revisions"}],"predecessor-version":[{"id":38643,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16563\/revisions\/38643"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=16563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=16563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=16563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}