{"id":26032,"date":"2020-09-14T17:40:31","date_gmt":"2020-09-14T16:40:31","guid":{"rendered":"https:\/\/woosimon.com\/?p=26032"},"modified":"2022-12-03T09:13:25","modified_gmt":"2022-12-03T08:13:25","slug":"how-and-why-to-use-webp-image-files-on-wordpress","status":"publish","type":"post","link":"https:\/\/woosimon.com\/fr\/how-and-why-to-use-webp-image-files-on-wordpress\/","title":{"rendered":"Comment (et pourquoi) utiliser les fichiers image WebP sur WordPress"},"content":{"rendered":"<p>Dans cet article, nous allons examiner comment et pourquoi vous devriez optimiser vos fichiers image sur votre site Web WordPress et \u00e9tudier les avantages et les inconv\u00e9nients du nouveau format d&#039;image WebP.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-530b6dfa\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable des mati\u00e8res\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#how-and-why-to-use-webp-image-files-on-wordpress\" class=\"uagb-toc-link__trigger\">Comment (et pourquoi) utiliser les fichiers image WebP sur WordPress<\/a><li class=\"uagb-toc__list\"><a href=\"#what-is-a-webp-image-file\" class=\"uagb-toc-link__trigger\">Qu&#039;est-ce qu&#039;un fichier image WebP\u00a0?<\/a><li class=\"uagb-toc__list\"><a href=\"#is-there-a-loss-of-quality-with-webp-images\" class=\"uagb-toc-link__trigger\">Y a-t-il une perte de qualit\u00e9 avec les images WebP ?<\/a><li class=\"uagb-toc__list\"><a href=\"#how-do-i-use-webp-images-with-wordpress\" class=\"uagb-toc-link__trigger\">Comment utiliser les images WebP avec WordPress ?<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Comment (et pourquoi) utiliser les fichiers image WebP sur WordPress<\/h2>\n\n\n\n<div class=\"wp-block-uagb-blockquote uagb-block-8501a48a uagb-blockquote__skin-border uagb-blockquote__with-tweet uagb-blockquote__tweet-style-classic uagb-blockquote__tweet-icon_text uagb-blockquote__stack-img-none\"><blockquote class=\"uagb-blockquote\"><div class=\"uagb-blockquote__content\">La patience est une vertue. Une vertu dont peu d\u2019entre nous font preuve lorsqu\u2019ils naviguent sur le Web !<\/div><footer><div class=\"uagb-blockquote__author-wrap uagb-blockquote__author-at-left\"><cite class=\"uagb-blockquote__author\">WooSimon<\/cite><\/div><a href=\"\/fr\/\" class=\"uagb-blockquote__tweet-button\" target=\"_blank\" rel=\"noopener noreferrer\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 512 512\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>Tweeter<\/a><\/footer><\/blockquote><\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Une vitesse de chargement rapide du site est essentielle si vous souhaitez que les gens interagissent avec votre site Web. Si votre page prend trop de temps \u00e0 charger, les internautes navigueront simplement vers un autre site, un client potentiel perdu \u00e0 jamais.<br><br>De nombreux facteurs peuvent influencer la vitesse du site, mais l&#039;optimisation de vos fichiers image est peut-\u00eatre l&#039;un des plus importants. <br><br>Les images de votre site Web sont g\u00e9n\u00e9ralement les fichiers les plus volumineux, repr\u00e9sentant souvent jusqu&#039;\u00e0 50% ou plus de la taille totale du site. Les fichiers image volumineux peuvent potentiellement interrompre un temps de chargement de page autrement rapide.<br><br>C&#039;est l\u00e0 qu&#039;intervient la compression d&#039;images WebP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu&#039;est-ce qu&#039;un fichier image WebP\u00a0?<\/h2>\n\n\n\n<p>WebP est un nouveau format de fichier qui compresse les fichiers d&#039;images JPEG et PNG traditionnels, r\u00e9duisant consid\u00e9rablement leur taille de 25 \u00e0 351 TP3T.<br><br>WebP utilise un codage pr\u00e9dictif tr\u00e8s intelligent qui utilise les valeurs des pixels voisins d&#039;une image pour pr\u00e9dire les valeurs, puis code uniquement la diff\u00e9rence. Apparemment.<br><br>Comment cela fonctionne exactement, je n&#039;en ai aucune id\u00e9e, mais le d\u00e9tail important est qu&#039;apr\u00e8s la compression, le fichier image est environ 1\/3 plus petit et se chargera donc consid\u00e9rablement plus rapidement !<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Y a-t-il une perte de qualit\u00e9 avec les images WebP ?<\/h2>\n\n\n\n<p>Il existe deux options de compression diff\u00e9rentes disponibles avec les images WebP\u00a0: avec ou sans perte.<br><br>Comme son nom l&#039;indique, le mode avec perte implique une certaine perte de qualit\u00e9, mais pas le mode sans perte.<br><br>Bien que le mode sans perte puisse sembler \u00eatre la meilleure option, je ne le recommanderais pas, car il n&#039;entra\u00eene pas vraiment de r\u00e9duction significative de la taille du fichier (le mode sans perte supprime simplement les m\u00e9tadonn\u00e9es inutiles du fichier mais ne modifie pas l&#039;image).<br><br>Lossy r\u00e9duit effectivement la r\u00e9solution d&#039;une image \u2013 mais ce n&#039;est pas vraiment un probl\u00e8me car la diff\u00e9rence entre la version originale et la version compress\u00e9e n&#039;est pas perceptible aux yeux de la plupart des gens.<br><br>Pour la plupart des sites Web, l\u2019\u00e9norme avantage de l\u2019acc\u00e9l\u00e9ration de votre site surpassera de loin une perte imperceptible de qualit\u00e9 d\u2019image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment utiliser les images WebP avec WordPress ?<\/h2>\n\n\n\n<p>Depuis septembre 2020, il n&#039;est plus possible de t\u00e9l\u00e9charger des images WebP directement sur WordPress.<br><br>En effet, bien que la plupart des principaux navigateurs fonctionnent d\u00e9sormais avec WebP, 100% n&#039;est toujours pas pris en charge \u2013 notamment, ils ne fonctionneront pas avec Safari (bien qu&#039;il soit dit que la prise en charge sera ajout\u00e9e dans la prochaine mise \u00e0 jour qui devrait sortir \u00e0 tout moment).<br><br>En attendant, vous devrez t\u00e9l\u00e9charger un plugin sur WordPress qui compressera vos images et les servira sous forme d&#039;images WebP sur les navigateurs compatibles, ou sous forme de fichiers JPG\/PNG traditionnels sur les navigateurs plus anciens.<br><br>Personnellement, je recommanderais d&#039;utiliser le <a href=\"https:\/\/wordpress.org\/plugins\/wp-optimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugin WP-Optimize<\/a>. Il s&#039;agit d&#039;un excellent plugin qui analysera et convertira tous vos fichiers image existants, et convertira automatiquement tous les nouveaux t\u00e9l\u00e9chargements.<br><br>Le plugin est gratuit \u00e0 installer et \u00e0 activer et est \u00e9galement livr\u00e9 avec d&#039;excellentes fonctionnalit\u00e9s de mise en cache et d&#039;optimisation de base de donn\u00e9es.<\/p>","protected":false},"excerpt":{"rendered":"<p>In this post, we&#8217;re going to be looking a how and why you should be optimising your image files on your WordPress website, and investigating the pros and cons of the new WebP image format. How (and why) to use WebP image files on WordPress Fast site loading speed is critical if you want people [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":26043,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[27],"tags":[],"class_list":["post-26032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How (and why) to use WebP image files on WordPress - WooSimon<\/title>\n<meta name=\"description\" content=\"In this post, we&#039;re going to look at why you should use WebP image files on WordPress, and how you can easily...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/woosimon.com\/fr\/how-and-why-to-use-webp-image-files-on-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How (and why) to use WebP image files on WordPress - WooSimon\" \/>\n<meta property=\"og:description\" content=\"In this post, we&#039;re going to look at why you should use WebP image files on WordPress, and how you can easily...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/woosimon.com\/fr\/how-and-why-to-use-webp-image-files-on-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WooSimon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WooSimonWeb\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/WooSimonWeb\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-14T16:40:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-03T08:13:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"846\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Simon Whyatt\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@simon_whyatt\" \/>\n<meta name=\"twitter:site\" content=\"@simon_whyatt\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simon Whyatt\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\"},\"author\":{\"name\":\"Simon Whyatt\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/person\\\/38f6b2be00e744795e9061a75136c46a\"},\"headline\":\"How (and why) to use WebP image files on WordPress\",\"datePublished\":\"2020-09-14T16:40:31+00:00\",\"dateModified\":\"2022-12-03T08:13:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\"},\"wordCount\":545,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"articleSection\":[\"WordPress Tips\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\",\"url\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\",\"name\":\"How (and why) to use WebP image files on WordPress - WooSimon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"datePublished\":\"2020-09-14T16:40:31+00:00\",\"dateModified\":\"2022-12-03T08:13:25+00:00\",\"description\":\"In this post, we're going to look at why you should use WebP image files on WordPress, and how you can easily...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"contentUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"width\":1280,\"height\":846,\"caption\":\"Use WebP image files on WordPress to increase take off velocity!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/woosimon.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How (and why) to use WebP image files on WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#website\",\"url\":\"https:\\\/\\\/woosimon.com\\\/\",\"name\":\"WooSimon\",\"description\":\"Web Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/woosimon.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#organization\",\"name\":\"WooSimon\",\"url\":\"https:\\\/\\\/woosimon.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/WooSimon-Logo-DSG.png\",\"contentUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/WooSimon-Logo-DSG.png\",\"width\":512,\"height\":512,\"caption\":\"WooSimon\"},\"image\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/WooSimonWeb\",\"https:\\\/\\\/x.com\\\/simon_whyatt\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/simon-whyatt-11115110\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/person\\\/38f6b2be00e744795e9061a75136c46a\",\"name\":\"Simon Whyatt\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g\",\"caption\":\"Simon Whyatt\"},\"description\":\"My name is Simon Whyatt and I\u2019m a web designer based in Barcelona, Spain. I create websites with great user experience that convert visitors into clients.\",\"sameAs\":[\"https:\\\/\\\/woosimon.com\",\"https:\\\/\\\/www.facebook.com\\\/WooSimonWeb\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/simon-whyatt-11115110\\\/\",\"https:\\\/\\\/x.com\\\/simon_whyatt\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment (et pourquoi) utiliser les fichiers image WebP sur WordPress - WooSimon","description":"Dans cet article, nous allons voir pourquoi vous devriez utiliser les fichiers image WebP sur WordPress et comment vous pouvez facilement...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/woosimon.com\/fr\/how-and-why-to-use-webp-image-files-on-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"How (and why) to use WebP image files on WordPress - WooSimon","og_description":"In this post, we're going to look at why you should use WebP image files on WordPress, and how you can easily...","og_url":"https:\/\/woosimon.com\/fr\/how-and-why-to-use-webp-image-files-on-wordpress\/","og_site_name":"WooSimon","article_publisher":"https:\/\/www.facebook.com\/WooSimonWeb","article_author":"https:\/\/www.facebook.com\/WooSimonWeb","article_published_time":"2020-09-14T16:40:31+00:00","article_modified_time":"2022-12-03T08:13:25+00:00","og_image":[{"width":1280,"height":846,"url":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","type":"image\/jpeg"}],"author":"Simon Whyatt","twitter_card":"summary_large_image","twitter_creator":"@simon_whyatt","twitter_site":"@simon_whyatt","twitter_misc":{"\u00c9crit par":"Simon Whyatt","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#article","isPartOf":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/"},"author":{"name":"Simon Whyatt","@id":"https:\/\/woosimon.com\/#\/schema\/person\/38f6b2be00e744795e9061a75136c46a"},"headline":"How (and why) to use WebP image files on WordPress","datePublished":"2020-09-14T16:40:31+00:00","dateModified":"2022-12-03T08:13:25+00:00","mainEntityOfPage":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/"},"wordCount":545,"commentCount":0,"publisher":{"@id":"https:\/\/woosimon.com\/#organization"},"image":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","articleSection":["WordPress Tips"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/","url":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/","name":"Comment (et pourquoi) utiliser les fichiers image WebP sur WordPress - WooSimon","isPartOf":{"@id":"https:\/\/woosimon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","datePublished":"2020-09-14T16:40:31+00:00","dateModified":"2022-12-03T08:13:25+00:00","description":"Dans cet article, nous allons voir pourquoi vous devriez utiliser les fichiers image WebP sur WordPress et comment vous pouvez facilement...","breadcrumb":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage","url":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","contentUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","width":1280,"height":846,"caption":"Use WebP image files on WordPress to increase take off velocity!"},{"@type":"BreadcrumbList","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/woosimon.com\/"},{"@type":"ListItem","position":2,"name":"How (and why) to use WebP image files on WordPress"}]},{"@type":"WebSite","@id":"https:\/\/woosimon.com\/#website","url":"https:\/\/woosimon.com\/","name":"WooSimon","description":"Solutions Web","publisher":{"@id":"https:\/\/woosimon.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/woosimon.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/woosimon.com\/#organization","name":"WooSimon","url":"https:\/\/woosimon.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/woosimon.com\/#\/schema\/logo\/image\/","url":"https:\/\/woosimon.com\/wp-content\/uploads\/2022\/02\/WooSimon-Logo-DSG.png","contentUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2022\/02\/WooSimon-Logo-DSG.png","width":512,"height":512,"caption":"WooSimon"},"image":{"@id":"https:\/\/woosimon.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WooSimonWeb","https:\/\/x.com\/simon_whyatt","https:\/\/www.linkedin.com\/in\/simon-whyatt-11115110\/"]},{"@type":"Person","@id":"https:\/\/woosimon.com\/#\/schema\/person\/38f6b2be00e744795e9061a75136c46a","name":"Simon Whyatt","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g","caption":"Simon Whyatt"},"description":"Je m&#039;appelle Simon Whyatt et je suis un concepteur Web bas\u00e9 \u00e0 Barcelone, en Espagne. Je cr\u00e9e des sites Web offrant une excellente exp\u00e9rience utilisateur qui convertissent les visiteurs en clients.","sameAs":["https:\/\/woosimon.com","https:\/\/www.facebook.com\/WooSimonWeb","https:\/\/www.linkedin.com\/in\/simon-whyatt-11115110\/","https:\/\/x.com\/simon_whyatt"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","uagb_featured_image_src":{"full":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false],"thumbnail":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-150x150.jpg",150,150,true],"medium":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-300x198.jpg",300,198,true],"medium_large":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-768x508.jpg",768,508,true],"large":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-1024x677.jpg",1024,677,true],"1536x1536":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false],"2048x2048":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false],"trp-custom-language-flag":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",18,12,false],"widget-thumbnail":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",75,50,false],"mailpoet_newsletter_max":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false]},"uagb_author_info":{"display_name":"Simon Whyatt","author_link":"https:\/\/woosimon.com\/fr\/author\/siwhyatt\/"},"uagb_comment_info":0,"uagb_excerpt":"In this post, we&#8217;re going to be looking a how and why you should be optimising your image files on your WordPress website, and investigating the pros and cons of the new WebP image format. How (and why) to use WebP image files on WordPress Fast site loading speed is critical if you want people\u2026","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/posts\/26032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/comments?post=26032"}],"version-history":[{"count":0,"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/posts\/26032\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/media\/26043"}],"wp:attachment":[{"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/media?parent=26032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/categories?post=26032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/woosimon.com\/fr\/wp-json\/wp\/v2\/tags?post=26032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}