{"id":29440,"date":"2019-07-28T23:43:16","date_gmt":"2019-07-29T06:43:16","guid":{"rendered":"https:\/\/kinsta.com\/?p=23813"},"modified":"2023-11-10T12:47:34","modified_gmt":"2023-11-10T11:47:34","slug":"compression-avec-perte","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/","title":{"rendered":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?"},"content":{"rendered":"<p>Selon <a href=\"https:\/\/httparchive.org\/reports\/state-of-images#bytesImg\">HTTP Archive<\/a>, en d\u00e9cembre 2018, les <strong>images repr\u00e9sentaient plus de 40% <\/strong>du poids moyen des pages d&rsquo;un site Web sur les ordinateurs de bureau et les appareils mobiles. C&rsquo;est \u00e9norme ! \ud83d\ude2e Lorsqu&rsquo;il s&rsquo;agit du nouvel <a href=\"https:\/\/kinsta.com\/fr\/blog\/index-google-mobile-first\/\">index<\/a> et de la performance, l&rsquo;optimisation de l&rsquo;image joue un r\u00f4le crucial dans la <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\">vitesse de chargement de votre site WordPress<\/a>. La compression d&rsquo;image est l&rsquo;une des optimisations les plus faciles que vous puissiez mettre en \u0153uvre et qui, \u00e0 son tour, aura le plus grand impact. Il s&rsquo;agit essentiellement de r\u00e9duire la taille du fichier de vos images en utilisant deux formes de compression populaires : <strong>la compression avec perte (lossy) et la compression sans perte (lossless).<\/strong> <a href=\"https:\/\/kinsta.com\/fr\/blog\/webp\/\">WEBP<\/a> supporte les deux m\u00e9thodes de compression !<\/p>\n<p>Aujourd&rsquo;hui, nous allons nous plonger dans ces deux types de compression d&rsquo;image et discuter de celui que nous vous recommandons d&rsquo;utiliser. Cela peut varier selon le type d&rsquo;entreprise que vous exploitez.<\/p>\n<ul>\n<li><a href=\"#lossy-compression\">Compression avec perte<\/a><\/li>\n<li><a href=\"#lossless-compression\">Compression sans perte<\/a><\/li>\n<li><a href=\"#which-compression-is-better\">Quelle m\u00e9thode de compression est la meilleure ?<\/a><\/li>\n<li><a href=\"#how-to-use-lossy-compression-wordpress\">Comment utiliser la compression avec perte dans WordPress<\/a><\/li>\n<\/ul>\n<h2 id=\"lossy-compression\">Compression avec perte (Lossy)<\/h2>\n<p>La premi\u00e8re forme de compression est avec perte. La compression avec perte (Lossy) implique l&rsquo;<strong>\u00e9limination de certaines donn\u00e9es <\/strong>de votre image. Pour cette raison, cela signifie que vous pourriez voir une d\u00e9gradation (r\u00e9duction de la qualit\u00e9 ou ce que certains appellent une pixellisation). Il faut donc faire attention de combien vous r\u00e9duisez votre image. Non seulement en raison de la qualit\u00e9, mais aussi parce que vous ne pouvez pas inverser le processus. Bien s\u00fbr, l&rsquo;un des grands avantages de la compression avec perte et pourquoi c&rsquo;est l&rsquo;une des m\u00e9thodes de compression les plus populaires est que vous pouvez <strong>r\u00e9duire la taille du fichier d&rsquo;une tr\u00e8s grande quantit\u00e9<\/strong>.<\/p>\n<ul>\n<li>Les JPEG et les GIF sont tous deux des <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-fichier-image\/\">formats d&rsquo;image avec perte<\/a>.<\/li>\n<li>Les JPEG sont parfaits pour les sites qui ont besoin de temps de chargement rapides car vous pouvez ajuster le niveau de qualit\u00e9 pour un bon \u00e9quilibre entre la qualit\u00e9 et la taille du fichier.<\/li>\n<\/ul>\n<p>(Lecture sugg\u00e9r\u00e9e : <a href=\"https:\/\/kinsta.com\/fr\/blog\/jpg-vs-jpeg\/\">JPG vs JPEG : Comprendre le format de fichier image le plus courant<\/a>)<\/p>\n<h3>WordPress compresse automatiquement les images<\/h3>\n<p>Saviez-vous que WordPress compresse automatiquement vos fichiers JPEG lorsque vous les t\u00e9l\u00e9versez dans la m\u00e9diath\u00e8que ? Par d\u00e9faut, WordPress compresse automatiquement les images jusqu&rsquo;\u00e0 90% de leur taille originale. Cependant, depuis <a href=\"https:\/\/make.wordpress.org\/core\/2016\/03\/12\/performance-improvements-for-images-in-wordpress-4-5\/\">WordPress 4.5<\/a>, ils ont augment\u00e9 ce pourcentage \u00e0 <strong>82%<\/strong> pour augmenter encore les performances de l&rsquo;ensemble du syst\u00e8me. Si vous vous demandez pourquoi vos images ont l&rsquo;air un peu pix\u00e9lis\u00e9es sur une nouvelle installation WordPress, voil\u00e0 pourquoi.<\/p>\n<p>Bien que la compression automatique soit excellente, nous avons g\u00e9n\u00e9ralement constat\u00e9 que 82% n&rsquo;est en aucun cas suffisant lorsqu&rsquo;il s&rsquo;agit d&rsquo;avoir un impact r\u00e9el sur les performances de votre site. Par cons\u00e9quent, vous pouvez d\u00e9sactiver cette option si vous le souhaitez en ajoutant le filtre suivant au fichier <code>functions.php<\/code> de votre th\u00e8me. Rappelez-vous, <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/sauvegardes-wordpress\/#restoring-backups\">fa\u00eetes toujours une sauvegarde<\/a> avant de modifier votre site.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );<\/code><\/pre>\n<p>Si vous voulez augmenter le taux de compression automatique de WordPress, vous pouvez ajouter le filtre et r\u00e9duire le pourcentage du fichier original, par exemple 70% dans l&rsquo;exemple ci-dessous.<\/p>\n<pre><code class=\"language-php\">add_filter( 'jpeg_quality', create_function( '', 'return 70;' ) );<\/code><\/pre>\n<p>N&rsquo;oubliez pas que cela n&rsquo;aura pas d&rsquo;impact sur les images d\u00e9j\u00e0 t\u00e9l\u00e9vers\u00e9es. Vous aurez besoin d&rsquo;une extension comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/regenerer-miniatures\/#how-to-regenerate-thumbnails-in-wordpress\">Regenerate Thumbnails<\/a> pour l&rsquo;appliquer \u00e0 votre biblioth\u00e8que existante. Ou mieux encore, nous vous conseillons simplement de laisser votre th\u00e8me tranquille et d&rsquo;utiliser une extension d&rsquo;optimisation d&rsquo;image WordPress (sur laquelle nous nous pencherons plus tard) ou de compresser davantage vos images avant de les t\u00e9l\u00e9verser.<\/p>\n<h3>Compresser les images avec Enregistrer pour le Web (logiciel)<\/h3>\n<p>Vous pouvez utiliser des outils tels qu&rsquo;Adobe Photoshop, Affinity Photo, Affinity Designer ou d&rsquo;autres \u00e9diteurs d&rsquo;images pour ajuster les r\u00e9glages de qualit\u00e9 d&rsquo;une image (voir ci-dessous). Dans la plupart des outils, c&rsquo;est sous \u00ab\u00a0Enregistrer sur le Web\u00a0\u00bb ou \u00ab\u00a0R\u00e9glages d\u2019exportation\u00a0\u00bb.<\/p>\n<figure style=\"width: 1165px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/changer-qualite-photo.jpg\" alt=\"Changer la qualit\u00e9 de la photo\" width=\"1165\" height=\"774\"><figcaption class=\"wp-caption-text\">Changer la qualit\u00e9 de la photo<\/figcaption><\/figure>\n<p>Si nous faisons une petite comparaison des taux de compression avec perte, nous pouvons voir que 50% semble excellent. 33% commence \u00e0 s&rsquo;estomper un peu sur certains d\u00e9tails de l&rsquo;arri\u00e8re-plan (mais cela passera plut\u00f4t inaper\u00e7u), et 5% n&rsquo;est \u00e9videmment pas acceptable. Ce n&rsquo;est qu&rsquo;un exemple de la raison pour laquelle les 82% automatiques dans WordPress ne sont pas suffisants. Vous pouvez et devriez <strong>comprimer \u00e0 des taux beaucoup plus \u00e9lev\u00e9s<\/strong> pour r\u00e9duire davantage la taille des fichiers.<\/p>\n<ul>\n<li>original.JPG 2,82 MB (2000 px par 1463 px)<\/li>\n<li>compress\u00e9 avec perte-1.JPG : 227 KB (2,000 px par 1463 px) <strong>R\u00e9duction de 91.95%.<\/strong><\/li>\n<li>compress\u00e9 avec perte-2.JPG : 185 KB (2,000 px par 1463 px) <strong>93.44% de r\u00e9duction<\/strong><\/li>\n<li>compression avec perte-3.JPG : 5 KB (2,000 px par 1463 px) <strong>99.82% de r\u00e9duction<\/strong><\/li>\n<\/ul>\n<figure style=\"width: 3025px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/comparaison-compression-avec-perte.jpg\" alt=\"Comparaison de la compression avec perte\" width=\"3025\" height=\"917\"><figcaption class=\"wp-caption-text\">Comparaison de la compression avec perte<\/figcaption><\/figure>\n<p>Disons que vous choisissez d&rsquo;opter pour la version compress\u00e9e \u00e0 50%. La taille du fichier est de 227 Ko, ce qui est certainement beaucoup plus petit que le fichier original de plus de 2 Mo. Cependant, ce n&rsquo;est toujours pas g\u00e9nial si ce n&rsquo;est qu&rsquo;une des 15 autres images d&rsquo;une page. En g\u00e9n\u00e9ral, il est pr\u00e9f\u00e9rable de garder toutes vos images en dessous de 100 Ko si possible. Dans mon cas, vous devriez pouvoir \u00eatre beaucoup plus petit. C&rsquo;est donc ici qu&rsquo;il est <strong>important de redimensionner vos images<\/strong>. L&rsquo;image de 50% redimensionn\u00e9e d&rsquo;abord \u00e0 1251 px par 916 px n&rsquo;est que de 95 Ko.<\/p>\n<p>Mais n&rsquo;oubliez pas, vous ne voudrez peut-\u00eatre pas r\u00e9duire la taille de vos images jusqu&rsquo;au bout, car WordPress 4.4 <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\">prend d\u00e9sormais en charge les images r\u00e9actives<\/a> (et non les images r\u00e9duites par CSS). WordPress cr\u00e9e automatiquement plusieurs tailles de chaque image t\u00e9l\u00e9vers\u00e9e dans la m\u00e9diath\u00e8que. En incluant les tailles disponibles d&rsquo;une image dans un attribut <code>srcset<\/code>, les navigateurs peuvent maintenant choisir de t\u00e9l\u00e9charger la taille la plus appropri\u00e9e et ignorer les autres. Voyez ci-dessous un exemple de ce \u00e0 quoi ressemble votre code.<\/p>\n<figure style=\"width: 1386px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/images-reactives-avec-srcset.png\" alt=\"exemple d'images r\u00e9actives avec srcset dans le code\" width=\"1386\" height=\"302\"><figcaption class=\"wp-caption-text\">exemple d&rsquo;images r\u00e9actives avec srcset dans le code<\/figcaption><\/figure>\n<p>Ainsi, avec de plus en plus d&rsquo;\u00e9crans HiDPI de nos jours, il peut \u00eatre bon de trouver un juste milieu. Disons 2x ou 3x la taille de la colonne ou de la div de votre site, mais toujours inf\u00e9rieure \u00e0 la taille originale. Le navigateur affichera la bonne taille en fonction de la r\u00e9solution de l&rsquo;appareil.<\/p>\n<h3>Google recommande la compression avec perte<\/h3>\n<p>Utilisez-vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a> ? Si c&rsquo;est le cas, vous connaissez probablement l&rsquo;avertissement qui dit \u00ab\u00a0Optimiser les images\u00a0\u00bb. En 2017, Google a mis \u00e0 jour sa <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/optimize-images\">documentation<\/a> pour recommander l&rsquo;utilisation de la compression avec perte comme moyen d&rsquo;acc\u00e9l\u00e9rer encore plus votre site.<\/p>\n<figure style=\"width: 2154px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/avertissement-google-pagespeed-insights-optimisation-images.png\" alt=\"Avertissement Google PageSpeed Insights d\u2019optimisation des images\" width=\"2154\" height=\"560\"><figcaption class=\"wp-caption-text\">Avertissement Google PageSpeed Insights d\u2019optimisation des images<\/figcaption><\/figure>\n<p>Si vous voulez vous d\u00e9barrasser de ces avertissements, l&rsquo;un des moyens les plus simples est d&rsquo;utiliser la compression avec perte pour apaiser Google.<\/p>\n<h2 id=\"lossless-compression\">Compression sans perte (Lossless)<\/h2>\n<p>Maintenant, il est temps de plonger dans la seconde forme de compression qui est celle sans perte. La compression sans perte, contrairement \u00e0 la compression avec perte, <strong>ne r\u00e9duit pas la qualit\u00e9 de l&rsquo;image<\/strong>. Comment est-ce possible ? Cela se fait g\u00e9n\u00e9ralement en supprimant les m\u00e9tadonn\u00e9es inutiles (donn\u00e9es g\u00e9n\u00e9r\u00e9es automatiquement par l&rsquo;appareil qui capture l&rsquo;image). Cependant, le plus grand inconv\u00e9nient de cette m\u00e9thode est que vous <strong>ne verrez pas une r\u00e9duction significative de la taille du fichier<\/strong>. En d&rsquo;autres termes, cela occupera beaucoup d&rsquo;espace disque avec le temps.<\/p>\n<ul>\n<li>RAW, BMP, GIF et PNG sont des formats d&rsquo;image sans perte.<\/li>\n<li>Vous pouvez effectuer une compression sans perte sur votre ordinateur en utilisant des outils tels que Photoshop, <a href=\"http:\/\/netm.ag\/optimize-263\">FileOptimizer<\/a> ou <a href=\"http:\/\/imageoptim.com\/\">ImageOptim<\/a>.<\/li>\n<li>Certaines extensions appliqueront la <a href=\"https:\/\/kinsta.com\/fr\/blog\/activer-gzip-compression\/\">compression Gzip<\/a> aux images (minification).<\/li>\n<\/ul>\n<p>Les utilisateurs de Kinsta peuvent profiter de la <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">fonction de minification du code<\/a> qui est int\u00e9gr\u00e9e directement dans le <a href=\"https:\/\/kinsta.com\/fr\/mykinsta\/\">tableau de bord MyKinsta<\/a>. Cela permet aux clients d&rsquo;activer facilement la minification automatique de CSS et JavaScript d&rsquo;un simple clic. Cela peut aider \u00e0 acc\u00e9l\u00e9rer un site sans aucun effort manuel.<\/p>\n<p>Si nous faisons une petite comparaison des taux de compression avec perte, nous pouvons voir que lorsque vous utilisez la compression sans perte, vous ne perdez aucune qualit\u00e9. Cependant, la taille du fichier de l&rsquo;image n&rsquo;a \u00e9t\u00e9 r\u00e9duite que de 10,84%. Compar\u00e9 \u00e0 plus de 90% en utilisant la compression avec perte.<\/p>\n<ul>\n<li>original.JPG : 227 KB (2,000 px par 1463 px)<\/li>\n<li>JPG : 203 Ko (2 000 px par 1463 px)<\/li>\n<\/ul>\n<figure style=\"width: 2502px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/compression-sans-perte.jpg\" alt=\"Compression sans perte\" width=\"2502\" height=\"917\"><figcaption class=\"wp-caption-text\">Comparaison de compression sans perte<\/figcaption><\/figure>\n<h2 id=\"which-compression-is-better\">Quelle m\u00e9thode de compression est la meilleure ?<\/h2>\n<p>La r\u00e9ponse \u00e0 cette question d\u00e9pend en fait de vous. Pour la majorit\u00e9 des utilisateurs, <strong>nous recommandons l&rsquo;utilisation de la compression avec perte<\/strong> car vous pouvez facilement compresser une image bien au-del\u00e0 de 70% (parfois m\u00eame plus de 90% !) sans perte de qualit\u00e9. Multipliez ceci par 15 images sur une page et cela jouera un r\u00f4le significatif dans la r\u00e9duction du temps de chargement de votre site. Non seulement cela, mais la compression avec perte vous assurera d&rsquo;utiliser le moins d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/espace-disque-hebergement-wordpress\/\">espace disque<\/a> possible. Ce qui signifie que vous pourriez \u00e9conomiser de l&rsquo;argent sur l&rsquo;h\u00e9bergement.<\/p>\n<p>La <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-ou-sans-perte\/#pros-and-cons-of-lossless-compression\">compression sans perte<\/a> est pour ceux qui ne peuvent se permettre aucune perte de qualit\u00e9. Photographes, blogueurs culinaires et mannequins ne sont que quelques-uns de ceux qui viennent \u00e0 l&rsquo;esprit et qui comptent sur des images au pixel pr\u00e8s pour gagner leur vie. Dans ces cas, il est essentiel que vous h\u00e9bergez vos images sur un <a href=\"https:\/\/kinsta.com\/fr\/blog\/cdn-wordpress\/\">CDN<\/a>. En raison de leur taille, vous pourriez m\u00eame avoir besoin de les transf\u00e9rer vers un service de stockage tiers comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/amazon-s3-wordpress\/\">Amazon S3<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-google-cloud-storage\/\">Google Cloud Storage<\/a>.<\/p>\n<h2 id=\"how-to-use-lossy-compression-wordpress\">Comment utiliser la compression avec perte dans WordPress<\/h2>\n<p>Si vous \u00eates toujours confus entre avec perte et sans perte ne vous inqui\u00e9tez pas, il existe de nombreuses extensions WordPress d&rsquo;optimisation d&rsquo;images que vous pouvez choisir et qui appliquent automatiquement la compression avec perte.<\/p>\n<p>Certains h\u00e9bergeurs proposent des outils ou des services pour vous aider \u00e0 optimiser vos images directement depuis le tableau de bord de votre h\u00e9bergement. Par exemple, Kinsta offre une <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#image-optimization-1\">fonctionnalit\u00e9 gratuite d&rsquo;optimisation d&rsquo;image<\/a> \u00e0 tous ses clients qui cr\u00e9e des copies WebP des images d&rsquo;un site (stock\u00e9es sans frais suppl\u00e9mentaires), puis livre le plus petit des deux fichiers au visiteur. Cette fonction <a href=\"https:\/\/kinsta.com\/fr\/blog\/ttfb\/\">acc\u00e9l\u00e8re les temps de chargement<\/a> et am\u00e9liore l&rsquo;exp\u00e9rience de l&rsquo;utilisateur, d&rsquo;autant plus qu&rsquo;elle est associ\u00e9e au <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn\">CDN ultrarapide<\/a> de Kinsta.<\/p>\n<p>Si votre h\u00e9bergeur ne propose pas un tel service, vous pouvez utiliser un outil d&rsquo;optimisation d&rsquo;image tiers. Voici quelques-unes des options les plus utilis\u00e9es :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> (avec ou sans perte)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">WP Smush<\/a> (avec et sans perte)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer-cloud\/\">EWWWW Cloud<\/a> (avec ou sans perte)<\/li>\n<\/ul>\n<p>Remarque : celles \u00e9num\u00e9r\u00e9es ci-dessus utilisent leurs propres serveurs tiers pour la compression des images. Vous devriez toujours compresser les images en groupe hors site pour des raisons de performance. \ud83d\udc4d<\/p>\n<p>Imagify est l&rsquo;une des options les plus populaires que nous avons list\u00e9es. Elle dispose d&rsquo;un plan gratuit, mais m\u00eame ses plans pro sont propos\u00e9s \u00e0 des prix tr\u00e8s raisonnables. Vous pouvez optimiser un grand nombre d&rsquo;images en utilisant uniquement le plan \u00ab Lite \u00bb (1 Go par mois), et ils proposent des options de paiement mensuel ou annuel peu couteuses.<\/p>\n<p>Imagify a trois niveaux d&rsquo;optimisation diff\u00e9rents :<\/p>\n<ul>\n<li><strong>Normal :<\/strong> Ce mode utilise la compression sans perte, ce qui signifie que vos images ne perdront aucune qualit\u00e9, mais qu&rsquo;elles ne seront pas trop r\u00e9duites en taille.<\/li>\n<li><strong>Agressif : <\/strong>Ce mode utilise la compression avec perte et permet de r\u00e9aliser des \u00e9conomies drastiques sur le poids initial, avec une l\u00e9g\u00e8re r\u00e9duction de la qualit\u00e9 de l&rsquo;image. La plupart du temps, on ne le remarque m\u00eame pas.<\/li>\n<li><strong>Ultra :<\/strong> Ce mode utilise la compression avec perte et applique toutes les optimisations disponibles pour une compression d&rsquo;image maximale. Cela vous permettra d&rsquo;\u00e9conomiser \u00e9norm\u00e9ment sur le poids initial, mais vous remarquerez tr\u00e8s probablement une certaine d\u00e9gradation de l&rsquo;image.<\/li>\n<\/ul>\n<figure style=\"width: 1983px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/reglages-imagify.png\" alt=\"R\u00e9glages Imagify\" width=\"1983\" height=\"1005\"><figcaption class=\"wp-caption-text\">R\u00e9glages Imagify<\/figcaption><\/figure>\n<p><strong>Nous utilisons le mode Agressif <\/strong>chez Kinsta et nous r\u00e9alisons g\u00e9n\u00e9ralement des <strong>\u00e9conomies de 60 \u00e0 70% <\/strong>en fonction de l&rsquo;image. Note : nous utilisons en fait beaucoup plus de PNG que de JPEG parce que la plupart de nos images sont des ic\u00f4nes et des illustrations, pas des photos.<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" title=\"Image compression file savings\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/04\/economies-fichiers-compression-images.png\" alt=\"\u00c9conomies de fichiers de compression d'images\" width=\"1468\" height=\"684\"><figcaption class=\"wp-caption-text\">\u00c9conomies de fichiers de compression d&rsquo;images<\/figcaption><\/figure>\n<p>Vous pouvez activer l&rsquo;<strong>auto-optimisation des images<\/strong> lors du t\u00e9l\u00e9versement (ce que nous vous recommandons pour ne pas oublier) ou utiliser leur optimiseur d&rsquo;images en masse dans la biblioth\u00e8que m\u00e9dia. Vous pouvez \u00e9galement <strong>sauvegarder l&rsquo;image originale<\/strong>. Cela vous permet de convertir votre image \u00e0 d&rsquo;autres niveaux d&rsquo;optimisation ult\u00e9rieurement ou m\u00eame de restaurer votre image originale. Si vous n&rsquo;utilisez pas cette fonction, nous vous recommandons de la d\u00e9sactiver pour \u00e9conomiser de l&rsquo;espace disque.<\/p>\n<p>Vous devriez g\u00e9n\u00e9ralement redimensionner vos images \u00e0 l&rsquo;avance, mais Imagify a une fonction<strong> Redimensionner les images plus grandes <\/strong>au cas o\u00f9 vous oublieriez ou n&rsquo;auriez pas le temps. En plus de la compression avec perte, c&rsquo;est une autre grande \u00e9conomie de taille de fichier !<\/p>\n<figure style=\"width: 1785px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/imagify-redimensionne-images.png\" alt=\"Imagify redimensionne des images\" width=\"1785\" height=\"1206\"><figcaption class=\"wp-caption-text\">Imagify redimensionne des images<\/figcaption><\/figure>\n<p>En fait, nous venons tout juste d&rsquo;utiliser la fonction d&rsquo;optimisation d&rsquo;images en masse sur l&rsquo;ensemble de notre m\u00e9diath\u00e8que WordPress. Comme vous pouvez le voir, il <strong>s&rsquo;est all\u00e9g\u00e9 de plus de 700 Mo ! <\/strong>C&rsquo;est \u00e9norme quand il s&rsquo;agit de performances sur l\u2019interface publique.<\/p>\n<figure style=\"width: 1286px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/economies-optimisation-images-masse.png\" alt=\"\u00c9conomies d'optimisation d'images en masse\" width=\"1286\" height=\"1177\"><figcaption class=\"wp-caption-text\">\u00c9conomies d&rsquo;optimisation d&rsquo;images en masse<\/figcaption><\/figure>\n<h3>Tests de vitesse<\/h3>\n<p>Faisons un petit test ! \u00c9tant donn\u00e9 que nous voyons constamment des utilisateurs t\u00e9l\u00e9verser des images en pleine r\u00e9solution sans compression, nous allons faire une petite comparaison sur l&rsquo;impact que cela a sur la performance globale de votre site.<\/p>\n<h4>Test 1 &#8211; Original non compress\u00e9<\/h4>\n<p>Nous avons d&rsquo;abord t\u00e9l\u00e9vers\u00e9 10 images non compress\u00e9es. Nous avons ensuite fait 5 tests sur Pingdom et pris la moyenne. Nous pouvons voir que le temps de chargement total est de 3,04 secondes avec une taille de page totale de 28,4 Mo.<\/p>\n<ul>\n<li>non compress\u00e9-1.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-2.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-3.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-4.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-5.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-6.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-7.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-8.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-9.jpg (2.82 MB)<\/li>\n<li>non compress\u00e9-10.jpg (2.82 MB)<\/li>\n<\/ul>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test uncompressed\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/test-vitesse-compresse.png\" alt=\"Test de vitesse non compress\u00e9 \" width=\"1680\" height=\"462\"><figcaption class=\"wp-caption-text\">Test de vitesse non compress\u00e9 (<a href=\"https:\/\/tools.pingdom.com\/#!\/ePOjiW\/https:\/\/perfmatters.io\/uncompressed-original\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h4>Test 2 &#8211; Compress\u00e9<\/h4>\n<p>Nous avons ensuite t\u00e9l\u00e9vers\u00e9 \u00e0 nouveau exactement les m\u00eames images, mais cette fois nous avons activ\u00e9 \u00ab\u00a0auto-optimiser\u00a0\u00bb dans l\u2019extension Imagify. Nous avons ensuite effectu\u00e9 \u00e0 nouveau 5 tests sur Pingdom et pris la moyenne.<\/p>\n<ul>\n<li>compress\u00e9-1.jpg (69.3 KB)<\/li>\n<li>compress\u00e9-2.jpg (69,3 Ko)<\/li>\n<li>compress\u00e9-3.jpg (69.3 KB)<\/li>\n<li>compress\u00e9-4.jpg (69.3 KB)<\/li>\n<li>compress\u00e9-5.jpg (69,3 Ko)<\/li>\n<li>compress\u00e9-6.jpg (69,3 Ko)<\/li>\n<li>compress\u00e9-7.jpg (69,3 Ko)<\/li>\n<li>compress\u00e9-8.jpg (69.3 KB)<\/li>\n<li>compress\u00e9-9.jpg (69.3 KB)<\/li>\n<li>compress\u00e9-10.jpg (69.3 KB)<\/li>\n<\/ul>\n<p>Nous pouvons voir que le temps de chargement total est maintenant de 522 ms avec une taille de page totale de 901.4 KB. Ainsi, nos images compress\u00e9es avec perte ont <strong>r\u00e9duit le temps de chargement des pages de 82,83% ! <\/strong>\ud83d\ude2e La taille totale de la page a \u00e9galement \u00e9t\u00e9 r\u00e9duite de 96,83%, ce qui est \u00e9norme. Et gr\u00e2ce \u00e0 Imagify, nos images sont toujours de haute qualit\u00e9.<\/p>\n<figure style=\"width: 1675px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" title=\"Speed test compressed\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/test-vitesse-compresse-1.png\" alt=\"Test de vitesse compress\u00e9 \" width=\"1675\" height=\"463\"><figcaption class=\"wp-caption-text\">Test de vitesse compress\u00e9 (<a href=\"https:\/\/tools.pingdom.com\/#!\/Fl726\/https:\/\/perfmatters.io\/compressed-and-resized\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>)<\/figcaption><\/figure>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Une fois que vous avez d\u00e9termin\u00e9 la qualit\u00e9 des images dont vous avez besoin sur votre site, vous pouvez choisir si vous voulez utiliser la compression avec ou sans perte. Encore une fois, pour ceux qui sont plus pr\u00e9occup\u00e9s par la vitesse et moins par la qualit\u00e9, nous recommandons d&rsquo;opter pour la compression avec perte. Rappelez-vous que les images compress\u00e9es avec perte peuvent \u00eatre belles si vous trouvez le bon \u00e9quilibre. Si vous avez besoin d&rsquo;images au pixel pr\u00e8s, vous devriez toujours opter pour la compression sans perte.<\/p>\n<p>Qu&rsquo;en pensez-vous ? Utilisez-vous la compression avec ou sans perte sur votre site WordPress ? Faites-nous le savoir ci-dessous dans les commentaires.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selon HTTP Archive, en d\u00e9cembre 2018, les images repr\u00e9sentaient plus de 40% du poids moyen des pages d&rsquo;un site Web sur les ordinateurs de bureau et &#8230;<\/p>\n","protected":false},"author":103,"featured_media":29453,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[224,46],"topic":[1041,1017,975],"class_list":["post-29440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-compression","tag-webperf","topic-conception-site-web-wordpress","topic-conception-web","topic-optimisation-images"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l&#039;impact sur l&#039;affichage.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l&#039;impact sur l&#039;affichage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-29T06:43:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-10T11:47:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/resultats-recherche-theme-schema.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"986\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l&#039;impact sur l&#039;affichage.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/lossy-compression.png\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?\",\"datePublished\":\"2019-07-29T06:43:16+00:00\",\"dateModified\":\"2023-11-10T11:47:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\"},\"wordCount\":2807,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png\",\"keywords\":[\"compression\",\"webperf\"],\"articleSection\":[\"Tutoriels sur la performance WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\",\"name\":\"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png\",\"datePublished\":\"2019-07-29T06:43:16+00:00\",\"dateModified\":\"2023-11-10T11:47:34+00:00\",\"description\":\"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l'impact sur l'affichage.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png\",\"width\":1460,\"height\":730,\"caption\":\"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimisation des images\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/optimisation-images\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?","description":"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l'impact sur l'affichage.","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:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/","og_locale":"fr_FR","og_type":"article","og_title":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?","og_description":"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l'impact sur l'affichage.","og_url":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-07-29T06:43:16+00:00","article_modified_time":"2023-11-10T11:47:34+00:00","og_image":[{"width":1500,"height":986,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/01\/resultats-recherche-theme-schema.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l'impact sur l'affichage.","twitter_image":"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/05\/lossy-compression.png","twitter_creator":"@matteoduo","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Matteo Du\u00f2","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?","datePublished":"2019-07-29T06:43:16+00:00","dateModified":"2023-11-10T11:47:34+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/"},"wordCount":2807,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png","keywords":["compression","webperf"],"articleSection":["Tutoriels sur la performance WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/","url":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/","name":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png","datePublished":"2019-07-29T06:43:16+00:00","dateModified":"2023-11-10T11:47:34+00:00","description":"D\u00e9couvrez les diff\u00e9rences entre la compression avec perte (lossy) et la compression sans perte (lossless). D\u00e9terminez la m\u00e9thode que vous devriez utiliser, la fa\u00e7on de proc\u00e9der et l'impact sur l'affichage.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/compression-avec-perte.png","width":1460,"height":730,"caption":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Optimisation des images","item":"https:\/\/kinsta.com\/fr\/sujets\/optimisation-images\/"},{"@type":"ListItem","position":3,"name":"Pourquoi et comment utiliser la compression avec perte sur vos images WordPress ?"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/29440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=29440"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/29440\/revisions"}],"predecessor-version":[{"id":65497,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/29440\/revisions\/65497"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/fr"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/29440\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/29453"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=29440"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=29440"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=29440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}