{"id":1883516,"date":"2020-02-05T17:34:44","date_gmt":"2020-02-05T16:34:44","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=1883516"},"modified":"2020-02-05T17:34:45","modified_gmt":"2020-02-05T16:34:45","slug":"webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/","title":{"rendered":"WebP : Qu\u2019est ce que c\u2019est, et comment utiliser ce format d\u2019image dans WordPress"},"content":{"rendered":"\n

De mani\u00e8re g\u00e9n\u00e9rale, les images comptent en moyenne pour 50 % du poids d\u2019une page web.<\/a> Toutes les m\u00e9thodes qui servent \u00e0 optimiser les images vous font de gagner de la place sur votre serveur, mais permettent aussi \u00e0 vos pages d\u2019\u00eatre servies plus vite. 
<\/p>\n\n\n\n

Gr\u00e2ce au format d\u2019image WebP, vous pouvez cr\u00e9er des images plus riches et plus l\u00e9g\u00e8res. Elles sont 26 % plus l\u00e9g\u00e8res que des PNG et 25 \u00e0 34 % plus l\u00e9g\u00e8res que des JPEG, tout en gardant la m\u00eame qualit\u00e9. 
<\/p>\n\n\n\n

Dans cet article, nous allons voir ce qu\u2019est exactement le format d\u2019image WebP et comment l\u2019utiliser sur votre site WordPress pour r\u00e9duire drastiquement la taille de vos images. <\/p>\n\n\n\n

WebP, qu\u2019est ce que c\u2019est ?<\/h2>\n\n\n\n

WebP<\/a> est un format d\u2019image cr\u00e9\u00e9 par l\u2019\u00e9quipe de performance web chez Google. Ce format a \u00e9t\u00e9 d\u00e9velopp\u00e9 dans le but de remplacer les JPEG, PNG, et GIF, tout en ayant une bonne capacit\u00e9 de compression, conservant la transparence et les animations.
<\/p>\n\n\n\n

En Septembre 2010, il a \u00e9t\u00e9 annonc\u00e9 comme \u00e9tant le nouveau standard ouvert pour les graphiques couleurs-vraies compress\u00e9s avec perte sur le web, en produisant des fichiers plus l\u00e9gers mais de qualit\u00e9 comparable aux JPEG. 
<\/p>\n\n\n\n

Il a \u00e9t\u00e9 rendu compatible avec les images sans pertes et transparentes en 2012, ce qui a fait de WebP une alternative au format PNG. 
<\/p>\n\n\n\n

La compression avec perte de WebP utilise l\u2019encodage pr\u00e9dictif pour encoder une image, la m\u00eame m\u00e9thode utilis\u00e9e par le codec vid\u00e9o VP8 pour compresser les images-cl\u00e9s dans les vid\u00e9os. L\u2019encodage pr\u00e9dictif fonctionne en utilisant les valeurs des blocs de pixels voisins pour pr\u00e9dire la valeur d\u2019un bloc, puis encode simplement la diff\u00e9rence. 
<\/p>\n\n\n\n

La compression sans perte<\/strong> de WebP utilise des fragments d\u2019image d\u00e9j\u00e0 vus pour reconstruire les nouveaux pixels, et utilise une palette locale si aucune correspondance n\u2019est trouv\u00e9e.  
<\/p>\n\n\n\n

Comme vous pouvez le voir dans les exemples ci-dessous de la galerie Google de WebP<\/a>, il n\u2019y a pas de diff\u00e9rence de qualit\u00e9 notable entre les images JPEG \u00e0 gauche et les versions WebP \u00e0 droite. Ce que vous ne voyez pas, \u00e0 moins de regarder la taille du fichier, c\u2019est que les images WebP sont 30 % plus l\u00e9g\u00e8res que les JPEG, voire plus.\u00a0<\/p>\n\n\n\n

\"JPEG<\/figure>\n\n\n\n

Comme nous l\u2019avons d\u00e9j\u00e0 vu sur ce blog, lorsqu\u2019on parle de poids d\u2019une page, le chiffre compte<\/a>. En effet, plus le poids d\u2019un fichier de page web est l\u00e9ger, plus vite cette page web chargera. 
<\/p>\n\n\n\n

En r\u00e9duisant le poids de vos images gr\u00e2ce au format WebP, ainsi que d\u2019autres techniques d\u2019optimisation (comme la fonctionnalit\u00e9 lazy load de WP Rocket<\/a>), vous pourrez servir des images plus l\u00e9g\u00e8res qui permettent \u00e0 vos pages d\u2019\u00eatre livr\u00e9es plus vite aux visiteurs de votre site.<\/p>\n\n\n\n

Les navigateurs qui supportent WebP<\/h2>\n\n\n\n

Vous devez vous demander, si WebP existe depuis 8 ans, comment se fait-il qu\u2019il ne soit pas plus populaire ? Pourquoi utilise-t-on encore JPEG et PNG quand WebP peut donner des images plus l\u00e9g\u00e8re mais de qualit\u00e9 \u00e9quivalente ?
<\/p>\n\n\n\n

Comme pour la plupart des technologies du web qui ont du mal \u00e0 trouver leur public, cela s\u2019explique par le fait que tous les navigateurs modernes ne supportent pas forc\u00e9ment WebP.\u00a0 D\u2019apr\u00e8s Can I use\u2026<\/a>, les navigateurs qui supportent WebP sont Chrome, Opera, Opera Mini, le navigateur Android, et Chrome pour Android.\u00a0<\/p>\n\n\n\n

\"Which<\/figure>\n\n\n\n

Microsoft a annonc\u00e9 en Octobre dernier que son navigateur Edge supporterait WebP, et Mozilla a fait une annonce similaire peu apr\u00e8s pour Firefox. Il ne manque que Safari d\u2019Apple, qui est \u00e0 la tra\u00eene sans aucun support. 
<\/p>\n\n\n\n

Apr\u00e8s avoir montr\u00e9 un premier int\u00e9r\u00eat pour ce format avec iOS 10 et MacOS Sierra<\/a> qui le supportaient, Apple l\u2019a par la suite remplac\u00e9 par HEIF, un format d\u2019image bas\u00e9 sur le standard de compression vid\u00e9o HEVC (aussi connu sous le nom de H.265 et MPEG-H Part 2).
<\/p>\n\n\n\n

Il n\u2019y a eu aucun signe de la part d\u2019Apple comme quoi Safari supporterait WebP dans un futur proche, mais maintenant que tous les autres navigateurs majeurs et logiciels d\u2019\u00e9dition d\u2019image le supportent, Apple n\u2019a plus d\u2019autre choix que de le mettre en place.\u00a0<\/p>\n\n\n\n

Utiliser WebP \u2014 avec JPEG \/ PNG en compl\u00e9ment<\/h3>\n\n\n\n

Ce n\u2019est pas parce qu\u2019Apple ne supporte pas les fichiers WebP que vous ne devriez pas utiliser ce format. Il est possible de livrer des fichier WebP aux visiteurs qui utilisent les navigateurs qui le supportent, et de servir des JPEG et PNG comme solution de compl\u00e9ment pour les utilisateurs Safari. 
<\/p>\n\n\n\n

De cette mani\u00e8re, au lieu de livrer des fichiers WebP \u00e0 tous vos utilisateurs, et prendre le risque que les utilisateurs de Safari voient des images cass\u00e9es, vous pouvez vous assurer que tous les visiteurs voient vos images, et dans le m\u00eame temps, les utilisateurs avec des navigateurs qui supportent WebP ont une exp\u00e9rience plus rapide de votre site. 
<\/p>\n\n\n\n

Mais avant de d\u00e9cider d\u2019utiliser WebP sur votre site, il y a quelques \u00e9l\u00e9ments \u00e0 garder \u00e0 l\u2019esprit. 
<\/p>\n\n\n\n

Tout d\u2019abord, il faut savoir que Chrome est le navigateur le plus populaire avec 64 % de part du march\u00e9<\/a>. Il est donc tr\u00e8s probable que la plupart des visiteurs de votre site pourront voir n\u2019importe quelle image WebP sur votre site. 
<\/p>\n\n\n\n

Vous pouvez v\u00e9rifier dans Google Analytics quels navigateurs vos visiteurs utilisent avant de d\u00e9cider si vous voulez utiliser cette m\u00e9thode de compl\u00e9ment, ou si vous voulez simplement utiliser WebP sans plan B. 
<\/p>\n\n\n\n

Ici, vous pouvez voir que la grande majorit\u00e9 des visiteurs de mon site utilise Chrome et Firefox, ce qui signifie qu\u2019utiliser WebP b\u00e9n\u00e9ficierait \u00e0 83 % de mes visiteurs.\u00a0<\/p>\n\n\n\n

\"Browser<\/figure>\n\n\n\n

D\u2019un autre c\u00f4t\u00e9, Safari est le troisi\u00e8me navigateur le plus populaire, ces utilisateurs pourraient donc b\u00e9n\u00e9ficier d\u2019une option de compl\u00e9ment sur les images.\u00a0<\/p>\n\n\n\n

Comment utiliser WebP sur WordPress<\/h2>\n\n\n\n

C\u2019est un autre obstacle \u00e0 l\u2019utilisation de WebP : WordPress n\u2019offre pas le support natif de WebP<\/a>.
<\/p>\n\n\n\n

WordPress supporte les formats de fichiers les plus populaires, dont JPEG, PNG, GIF, et ICO, mais il doit encore ajouter WebP \u00e0 cette liste. Cela veut dire que vous ne pouvez pas mettre un fichier WebP sur votre librairie m\u00e9dia WordPress car vous obtiendrez cette erreur de s\u00e9curit\u00e9 :\u00a0\u00a0<\/p>\n\n\n\n

\"Media<\/figure>\n\n\n\n

Pas d\u2019inqui\u00e9tude ! Vous pouvez quand m\u00eame utiliser le format WebP sur votre site, vous aurez juste \u00e0 utiliser un plugin pour \u00e7a. 
<\/p>\n\n\n\n

Avec le plugin gratuit WebP Express<\/a>, vous pouvez servir des images WebP auto-g\u00e9n\u00e9r\u00e9es aux navigateurs qui supportent WebP, tout en servant des JPEG et des PNG aux utilisateurs Safari. Cette option fonctionne avec n\u2019importe quelle image de votre site, dont celles dans la librairie m\u00e9dia, les galeries et les th\u00e8mes.\u00a0<\/p>\n\n\n\n

\"WebP<\/figure>\n\n\n\n

La fonctionnalit\u00e9 Accelerator de Jetpack<\/a> (anciennement connu sous le nom de Photon) convertit aussi automatiquement les JPEG et PNG au format WebP. 
<\/p>\n\n\n\n

Voici un exemple de la qualit\u00e9 de compression que l\u2019API Photon procure quand elle est r\u00e9gl\u00e9e \u00e0 50 % : <\/p>\n\n\n\n

\"Jetpack<\/figure>\n\n\n\n

Vous pouvez \u00e9galement utiliser votre CDN. Les utilisateurs de Cloudflare qui ont des abonnements payants ont acc\u00e8s \u00e0 la fonctionnalit\u00e9 Polish du CDN, qui offre une conversion WebP automatique<\/a>. Tout comme les autres solutions que j\u2019ai mentionn\u00e9es plus haut, Polish convertit les JPEG et PNG de votre page au format WebP pour les navigateurs qui supportent ce type de fichiers.\u00a0<\/p>\n\n\n\n

\"Polish<\/figure>\n\n\n\n

Notre plugin Imagify supporte maintenant les images WebP !<\/h3>\n\n\n\n

D\u00e9but mai 2019, WP Media (l\u2019entreprise derri\u00e8re WP Rocket) a lanc\u00e9 Imagify 1.9.
<\/p>\n\n\n\n

C\u2019\u00e9tait une nouvelle version tr\u00e8s importante qui incluait enfin la fonctionnalit\u00e9 que beaucoup de clients attendaient : le support WebP <\/strong>! 
<\/p>\n\n\n\n

Maintenant, pour chaque image optimis\u00e9e dans le plugin Imagify, vous obtiendrez \u00e9galement une version WebP (si vous cochez cette option dans les r\u00e9glages). Voici les versions que vous verrez dans votre biblioth\u00e8que m\u00e9dia :

<\/p>\n\n\n\n

  • L\u2019image optimis\u00e9e dans sa taille d\u2019origine <\/li>
  • La version WebP dans sa taille d\u2019origine <\/li>
  • Les miniatures optimis\u00e9es <\/li>
  • Les miniatures WebP <\/li><\/ul>\n\n\n\n
    \"WebP<\/figure>\n\n\n\n

    L\u2019optimisation fonctionnera aussi pour les images qui font partie de vos th\u00e8mes et vos plugins. 
    <\/p>\n\n\n\n

    Si vous le souhaitez, Imagify peut \u00e9galement faire appara\u00eetre les images WebP sur votre site de deux mani\u00e8res :<\/p>\n\n\n\n

    1. L\u2019\u00e9l\u00e9ment HTML <picture><\/li>
    2. Des r\u00e8gles de r\u00e9\u00e9criture dans le fichier .htaccess

      <\/li><\/ol>\n\n\n\n

      La premi\u00e8re option remplace les \u00e9l\u00e9ments HTML <img> par des \u00e9l\u00e9ments <picture> .
      C\u2019est la solution recommand\u00e9e, mais gardez \u00e0 l\u2019esprit que certains th\u00e8mes peuvent casser. Si vous choisissez cette option, allez bien v\u00e9rifier que tout s\u2019affiche correctement sur votre site.
      <\/p>\n\n\n\n

      La seconde option ajoute des r\u00e8gles de r\u00e9\u00e9criture au fichier de configuration de votre site (.htaccess) et n\u2019alt\u00e8re pas le code de vos pages. Une chose importante \u00e0 prendre en compte : cette option ne fonctionne pas avec les CDN ! 
      <\/p>\n\n\n\n

      Qu\u2019en est-il des images d\u00e9j\u00e0 optimis\u00e9es ? <\/p>\n\n\n\n

      Si vous avez sauvegard\u00e9 une copie des images d\u2019origine, vous avez la possibilit\u00e9 de cr\u00e9er des versions WebP s\u00e9par\u00e9ment (une par une, ou via l\u2019optimisation par groupes d\u2019images).<\/p>\n\n\n\n

      Comparaison JPG \/ PNG vs WebP<\/h2>\n\n\n\n

      L\u2019\u00e9quipe de performance web chez Google assure que les images WebP sans perte sont 26 % plus petites que des PNG. Les images WebP avec perte seraient 25 \u00e0 34 % plus petites que les images JPEG. J\u2019ai donc fait des tests comparatifs pour voir les diff\u00e9rences de tailles qui peuvent \u00eatre r\u00e9alis\u00e9es gr\u00e2ce \u00e0 WebP.\u00a0<\/p>\n\n\n\n

      Comparaison de JPEG et WebP<\/h3>\n\n\n\n

      J\u2019ai t\u00e9l\u00e9charg\u00e9 six images JPEG au hasard sur Unsplash. Je les ai compress\u00e9es, pour mesurer la diff\u00e9rence que j\u2019obtiendrais, puis j\u2019ai converti les images d\u2019origine au format WebP pour comparer les r\u00e9sultats. 
      <\/p>\n\n\n\n

      Nom du fichier<\/strong><\/td>JPEG d\u2019origine <\/strong><\/td>JPEG Compress\u00e9<\/strong><\/td>WebP<\/strong><\/td>Diff\u00e9rence de taille<\/strong><\/td><\/tr>
      Image1.jpg<\/td>3.8 MB<\/td>3.6 MB<\/td>1.4 MB<\/td>59 %<\/td><\/tr>
      Image2.jpg<\/td>13.8 MB<\/td>12.4 MB<\/td>7.6 MB<\/td>38 %<\/td><\/tr>
      Image3.jpg<\/td>2.5 MB<\/td>2.2 MB<\/td>1.3 MB<\/td>39 %<\/td><\/tr>
      Image4.jpg<\/td>4.9 MB<\/td>4.3 MB<\/td>758 KB<\/td>82 %<\/td><\/tr>
      Image5.jpg<\/td>4.1 MB<\/td>3.8 MB<\/td>1.5 MB<\/td>59 %<\/td><\/tr>
      Image6.jpg<\/td>446 KB<\/td>336 KB<\/td>241 KB<\/td>27 %<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      La conversion au format WebP a donn\u00e9 une baisse moyenne de 50 % de la taille de l\u2019image. 
      <\/p>\n\n\n\n

      J\u2019ai \u00e9t\u00e9 surpris de voir la diff\u00e9rence de taille entre la version JPEG et la version WebP du fichier image4.jpg, mais le fond rose de l\u2019image explique cette diff\u00e9rence marqu\u00e9e. Ci-dessous, vous pouvez voir les deux versions c\u00f4te \u00e0 c\u00f4te. L\u2019image JPEG \u00e0 gauche est l\u00e9g\u00e8rement plus nette que la version WebP \u00e0 droite.\u00a0\u00a0<\/p>\n\n\n\n

      \"Comparing<\/figure>\n\n\n\n

      Comparaison de PNG et WebP<\/h3>\n\n\n\n

      Encore une fois, j\u2019ai pris six images au hasard, cette fois des fichiers PNG de chez freepngs.com<\/a>. Je les ai compress\u00e9s, puis j\u2019ai converti les images d\u2019origine au format WebP pour comparer les r\u00e9sultats.
      <\/p>\n\n\n\n

      Nom du fichier<\/strong><\/td>PNG d\u2019origine<\/strong><\/td>PNG compress\u00e9<\/strong><\/td>WebP<\/strong><\/td>Diff\u00e9rence de taille<\/strong><\/td><\/tr>
      image1.png<\/td>238 KB<\/td>237 KB<\/td>45 KB<\/td>81 %<\/td><\/tr>
      image2.png<\/td>66 KB<\/td>61 KB<\/td>33 KB<\/td>50 %<\/td><\/tr>
      image3.png<\/td>193 KB<\/td>190 KB<\/td>188 KB<\/td>2 %<\/td><\/tr>
      image4.png<\/td>4 MB<\/td>3.7 MB<\/td>258 KB<\/td>93 %<\/td><\/tr>
      image5.png<\/td>1.3 MB<\/td>1.2 MB<\/td>86 KB<\/td>93 %<\/td><\/tr>
      image6.png<\/td>426 KB<\/td>422 KB<\/td>57 KB<\/td>86 %<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

      La plus grosse diff\u00e9rence de taille de fichier \u00e9tait sur des images d\u00e9taill\u00e9es de feuilles et une machine \u00e0 caf\u00e9 (image4.png et image5.png, respectivement), et la plus petite diff\u00e9rence \u00e9tait pour une image en noir et blanc d\u2019un chat (image3.png).
      <\/p>\n\n\n\n

      De mani\u00e8re g\u00e9n\u00e9rale, la conversion au format WebP a apport\u00e9 une baisse moyenne de 67 % des tailles de fichiers.\u00a0<\/p>\n\n\n\n

      En r\u00e9sum\u00e9<\/h2>\n\n\n\n

      Le format WebP continue de gagner en popularit\u00e9 et en support, mais il y a d\u00e9j\u00e0 beaucoup \u00e0 gagner de ce format de fichier. Il peut non seulement remplacer les formats de fichiers JPEG et PNG (et GIF !) avec la compression avec ou sans perte, mais il produit \u00e9galement des fichiers incroyablement plus l\u00e9gers. 
      <\/p>\n\n\n\n

      A part WebP, il n\u2019existe pas d\u2019autre format de fichier ou d\u2019outil d\u2019optimisation sur le web qui permette d\u2019arriver \u00e0 des tailles de fichiers aussi petites sans perte notable de qualit\u00e9. 
      <\/p>\n\n\n\n

      On esp\u00e8re que WordPress et Apple inclueront le support WebP \u00e0 l\u2019avenir. En attendant, je vous encourage \u00e0 essayer ce format de fichier et v\u00e9rifier les outils alternatifs \u00e0 votre disposition pour vous aider \u00e0 servir des images WebP sur votre site WordPress. 
      <\/p>\n","protected":false},"excerpt":{"rendered":"

      WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 ! <\/p>\n","protected":false},"author":47285,"featured_media":942956,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[73],"tags":[],"class_list":["post-1883516","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cache-wordpress"],"acf":[],"yoast_head":"\nWebP : qu\u2019est ce que c\u2019est, comment utiliser ce format d\u2019image dans WordPress<\/title>\n<meta name=\"description\" content=\"WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WebP : qu\u2019est ce que c\u2019est, comment utiliser ce format d\u2019image dans WordPress\" \/>\n<meta property=\"og:description\" content=\"WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-05T16:34:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-05T16:34:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Raelene Morey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raelene Morey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\"},\"author\":{\"name\":\"Raelene Morey\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/916d553a975868ce90654f343fa25d73\"},\"headline\":\"WebP : Qu\u2019est ce que c\u2019est, et comment utiliser ce format d\u2019image dans WordPress\",\"datePublished\":\"2020-02-05T16:34:44+00:00\",\"dateModified\":\"2020-02-05T16:34:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\"},\"wordCount\":2126,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png\",\"articleSection\":[\"Temps de chargement et cache\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\",\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\",\"name\":\"WebP : qu\u2019est ce que c\u2019est, comment utiliser ce format d\u2019image dans WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png\",\"datePublished\":\"2020-02-05T16:34:44+00:00\",\"dateModified\":\"2020-02-05T16:34:45+00:00\",\"description\":\"WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 !\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png\",\"width\":1100,\"height\":460,\"caption\":\"What is WebP and how to use this image format in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/wp-rocket.me\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page speed and caching\",\"item\":\"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WebP : Qu\u2019est ce que c\u2019est, et comment utiliser ce format d\u2019image dans WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d'optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/916d553a975868ce90654f343fa25d73\",\"name\":\"Raelene Morey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/27dd7e3d488736cacab6c02b618782144f3b9b969299bc2065b2cacbc3fef0c2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/27dd7e3d488736cacab6c02b618782144f3b9b969299bc2065b2cacbc3fef0c2?s=96&d=mm&r=g\",\"caption\":\"Raelene Morey\"},\"description\":\"Raelene Morey is the Co-Founder of Words By Birds, a digital writing agency that helps busy WordPress with writing articles, content strategies, lead magnets and other word-related things. A former journalist and editor, Raelene has been developing WordPress sites for over 10 years.\",\"sameAs\":[\"https:\/\/wordsbybirds.com\/\",\"https:\/\/au.linkedin.com\/in\/raelenemorey\"],\"url\":\"https:\/\/wp-rocket.me\/fr\/blog\/author\/raelene-morey\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WebP : qu\u2019est ce que c\u2019est, comment utiliser ce format d\u2019image dans WordPress","description":"WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 !","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:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"WebP : qu\u2019est ce que c\u2019est, comment utiliser ce format d\u2019image dans WordPress","og_description":"WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 !","og_url":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2020-02-05T16:34:44+00:00","article_modified_time":"2020-02-05T16:34:45+00:00","og_image":[{"width":1100,"height":460,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png","type":"image\/png"}],"author":"Raelene Morey","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"\u00c9crit par":"Raelene Morey","Dur\u00e9e de lecture est.":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/"},"author":{"name":"Raelene Morey","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/916d553a975868ce90654f343fa25d73"},"headline":"WebP : Qu\u2019est ce que c\u2019est, et comment utiliser ce format d\u2019image dans WordPress","datePublished":"2020-02-05T16:34:44+00:00","dateModified":"2020-02-05T16:34:45+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/"},"wordCount":2126,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png","articleSection":["Temps de chargement et cache"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/","url":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/","name":"WebP : qu\u2019est ce que c\u2019est, comment utiliser ce format d\u2019image dans WordPress","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png","datePublished":"2020-02-05T16:34:44+00:00","dateModified":"2020-02-05T16:34:45+00:00","description":"WebP vous promet des images 25 \u00e0 34 % plus petites que les JPEG. Mais quel est ce format de fichier et comment l\u2019utiliser avec WordPress ? Venez le d\u00e9couvrir dans ce guide simple et d\u00e9taill\u00e9 !","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-is-WebP-and-how-to-use-this-image-format-in-WordPress.png","width":1100,"height":460,"caption":"What is WebP and how to use this image format in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/fr\/blog\/webp-quest-ce-que-cest-et-comment-utiliser-ce-format-dimage-dans-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/wp-rocket.me\/fr\/"},{"@type":"ListItem","position":2,"name":"Page speed and caching","item":"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/"},{"@type":"ListItem","position":3,"name":"WebP : Qu\u2019est ce que c\u2019est, et comment utiliser ce format d\u2019image dans WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d'optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/916d553a975868ce90654f343fa25d73","name":"Raelene Morey","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/27dd7e3d488736cacab6c02b618782144f3b9b969299bc2065b2cacbc3fef0c2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/27dd7e3d488736cacab6c02b618782144f3b9b969299bc2065b2cacbc3fef0c2?s=96&d=mm&r=g","caption":"Raelene Morey"},"description":"Raelene Morey is the Co-Founder of Words By Birds, a digital writing agency that helps busy WordPress with writing articles, content strategies, lead magnets and other word-related things. A former journalist and editor, Raelene has been developing WordPress sites for over 10 years.","sameAs":["https:\/\/wordsbybirds.com\/","https:\/\/au.linkedin.com\/in\/raelenemorey"],"url":"https:\/\/wp-rocket.me\/fr\/blog\/author\/raelene-morey\/"}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/1883516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/users\/47285"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/comments?post=1883516"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/posts\/1883516\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media\/942956"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/media?parent=1883516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/categories?post=1883516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/fr\/wp-json\/wp\/v2\/tags?post=1883516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}