{"id":33971,"date":"2024-08-11T14:40:33","date_gmt":"2024-08-11T14:40:33","guid":{"rendered":"\/tutoriels\/?p=33971"},"modified":"2024-08-14T00:32:04","modified_gmt":"2024-08-14T00:32:04","slug":"optimisation-des-images","status":"publish","type":"post","link":"\/fr\/tutoriels\/optimisation-des-images","title":{"rendered":"Optimisation des images : guide complet pour un site web performant"},"content":{"rendered":"<p>L&rsquo;optimisation des images, en g&eacute;n&eacute;ral, vise &agrave; rendre les images plus efficaces pour une utilisation sur le web. Des images correctement optimis&eacute;es permettent d&rsquo;acc&eacute;l&eacute;rer le temps de chargement des pages, garantissant ainsi le bon fonctionnement de votre site internet et am&eacute;liorant l&rsquo;accessibilit&eacute; pour les utilisateurs sur tous les types d&rsquo;appareils.<\/p><p>Cet article vous aidera &agrave; optimiser les performances des images de votre site internet. Nous verrons pourquoi c&rsquo;est essentiel, nous vous pr&eacute;senterons diff&eacute;rentes techniques d&rsquo;optimisation et nous vous recommanderons des outils qui vous aideront &agrave; rationaliser le processus.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-FR.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41455\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/eBook_-Speed-Up-your-website-FR-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-qu-est-ce-que-l-optimisation-des-images\">Qu&rsquo;est-ce que l&rsquo;optimisation des images ?<\/h2><p>L&rsquo;optimisation des images aide les propri&eacute;taires de sites web &agrave; modifier les images pour qu&rsquo;elles se chargent rapidement et s&rsquo;affichent correctement sur diff&eacute;rents appareils. Elle permet &eacute;galement de maintenir l&rsquo;engagement des utilisateurs en trouvant le bon &eacute;quilibre entre la taille de fichier la plus petite et une qualit&eacute; d&rsquo;image acceptable.<\/p><p>Les techniques d&rsquo;optimisation des images comprennent le redimensionnement, le changement de format, la compression et l&rsquo;ajustement de la r&eacute;solution.<\/p><h2 class=\"wp-block-heading\" id=\"h-pourquoi-l-optimisation-des-images-est-elle-importante\">Pourquoi l&rsquo;optimisation des images est-elle importante ?<\/h2><p>En plus d&rsquo;aider les propri&eacute;taires de sites web &agrave; s&rsquo;assurer que leur contenu visuel est attrayant pour les visiteurs du site, voici quelques autres avantages de l&rsquo;optimisation des images.<\/p><h3 class=\"wp-block-heading\" id=\"h-une-experience-utilisateur-amelioree\">Une exp&eacute;rience utilisateur am&eacute;lior&eacute;e<\/h3><p>Les sites web dont les images sont optimis&eacute;es se chargent beaucoup plus rapidement, ce qui permet d&rsquo;augmenter les taux d&rsquo;engagement, de retenir les visiteurs plus longtemps et de r&eacute;duire les taux de rebond.<\/p><p>Au-del&agrave; des temps de chargement, les images optimis&eacute;es garantissent des transitions plus fluides entre les pages web et moins de d&eacute;calage lorsque les utilisateurs interagissent avec les fonctions ou les composants de votre site. L&rsquo;exp&eacute;rience de navigation est donc plus agr&eacute;able et moins perturbante.<\/p><p>En fin de compte, un site web qui se charge rapidement et fonctionne sans heurts donne une image positive de votre marque. Les utilisateurs sont susceptibles d&rsquo;associer les performances de votre site &agrave; une <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-creer-une-marque\">strat&eacute;gie de marque forte<\/a>, ce qui am&eacute;liore leur perception globale de votre entreprise.<\/p><h3 class=\"wp-block-heading\" id=\"h-amelioration-du-referencement\">Am&eacute;lioration du r&eacute;f&eacute;rencement<\/h3><p>Une excellente exp&eacute;rience utilisateur se traduit souvent par un <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/site-seo-friendly\">site web SEO-friendly<\/a>.<\/p><p>En outre, l&rsquo;utilisation de textes alt descriptifs et de noms de fichiers pour les images augmente les chances d&rsquo;indexation et d&rsquo;affichage dans les r&eacute;sultats des moteurs de recherche, en particulier pour les recherches d&rsquo;images. Ils permettent d&rsquo;attirer du trafic suppl&eacute;mentaire, car les utilisateurs qui recherchent des images sp&eacute;cifiques trouvent plus facilement votre contenu optimis&eacute;.<\/p><p>Jetons un coup d&rsquo;&oelig;il &agrave; cette image :<\/p><figure data-wp-context='{\"imageId\":\"6a3bc1021cdbd\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1021cdbd\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Modifier-un-media-comment-fonctionne-l-hebergement-web-%E2%80%B9-Hostinger-Tutoriels-%E2%80%94-WordPress-1024x408.png\" alt=\"D&eacute;tails de la pi&egrave;ce jointe dans la m&eacute;diath&egrave;que WordPress indiquant le nom du fichier de l'image, le texte alt et la taille du fichier\" class=\"wp-image-34141\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>La taille de l&rsquo;image de 30 Ko, le nom de fichier appropri&eacute; et le texte alt descriptif favorisent l&rsquo;optimisation de l&rsquo;image pour une meilleure exp&eacute;rience utilisateur et un meilleur r&eacute;f&eacute;rencement.<\/p><h3 class=\"wp-block-heading\" id=\"h-meilleure-utilisation-des-ressources\">Meilleure utilisation des ressources<\/h3><p>L&rsquo;optimisation de vos images r&eacute;duit les donn&eacute;es transf&eacute;r&eacute;es entre le serveur et le navigateur web de l&rsquo;utilisateur, ce qui permet de r&eacute;duire l&rsquo;utilisation de la bande passante. Ce facteur est particuli&egrave;rement b&eacute;n&eacute;fique pour les sites web &agrave; fort trafic ou comportant un grand nombre d&rsquo;images.<\/p><p>La r&eacute;duction de la taille des fichiers d&rsquo;image se traduit &eacute;galement par une diminution de la consommation d&rsquo;&eacute;nergie lors de la transmission des donn&eacute;es, ce qui contribue &agrave; l&rsquo;adoption de pratiques web plus respectueuses de l&rsquo;environnement. Cet aspect devient essentiel car les empreintes carbone num&eacute;riques font l&rsquo;objet d&rsquo;un examen plus approfondi.<\/p><h2 class=\"wp-block-heading\" id=\"h-9-techniques-d-optimisation-des-images-pour-le-web\">9 techniques d&rsquo;optimisation des images pour le Web<\/h2><p>Avoir des images de haute qualit&eacute; est contre-productif si elles ont un impact n&eacute;gatif sur les performances de votre site. D&eacute;couvrons ces neuf conseils sur l&rsquo;optimisation des images pour le web.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-choisir-le-format-de-fichier-approprie\">1. Choisir le format de fichier appropri&eacute;<\/h3><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1021f0fa\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1021f0fa\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1001\" height=\"482\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/png-gif-jpeg-comparison.png\/public\" alt=\"Comparaison visuelle personnalis&eacute;e des formats de fichiers PNG, GIF et JPEG \" class=\"wp-image-34143\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/png-gif-jpeg-comparison.png\/w=1001,fit=scale-down 1001w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/png-gif-jpeg-comparison.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/png-gif-jpeg-comparison.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/png-gif-jpeg-comparison.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/meilleur-format-de-image\">choix du bon format d&rsquo;image<\/a> est crucial pour l&rsquo;optimisation des images, car chacun d&rsquo;entre eux est con&ccedil;u pour des utilisations sp&eacute;cifiques. Par cons&eacute;quent, en utilisant le format appropri&eacute;, vous maintenez un bon &eacute;quilibre entre la conservation de la qualit&eacute; de l&rsquo;image et la minimisation de la taille du fichier.<\/p><p>Voici un aper&ccedil;u rapide des formats de fichiers d&rsquo;images les plus courants pour les sites web :<\/p><ul class=\"wp-block-list\">\n<li><strong>JPEG\/JPG.<\/strong> Id&eacute;al pour les photographies et les images de la vie r&eacute;elle en raison de sa capacit&eacute; &agrave; compresser la taille des fichiers de mani&egrave;re significative tout en conservant une qualit&eacute; raisonnable.<\/li>\n\n\n\n<li><strong>PNG.<\/strong> Il convient mieux aux images n&eacute;cessitant un arri&egrave;re-plan transparent, telles que les images vectorielles avec du texte, des dessins au trait et des ic&ocirc;nes. Les fichiers PNG conservent une meilleure qualit&eacute; mais sont souvent plus volumineux que les images JPEG.<\/li>\n\n\n\n<li><strong>GIF.<\/strong> Principalement utilis&eacute; pour les images anim&eacute;es. Bien qu&rsquo;ils ne soient pas id&eacute;aux pour des images de haute qualit&eacute; en raison de leur palette de couleurs limit&eacute;e, les formats GIF sont parfaits pour stocker des animations simples.<\/li>\n\n\n\n<li><strong>WebP.<\/strong> Il s&rsquo;agit d&rsquo;un format moderne con&ccedil;u pour les plateformes en ligne, ce qui en fait de plus en plus le meilleur choix pour l&rsquo;utilisation sur le web. Le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/webp\">format WebP<\/a> permet de r&eacute;duire la taille des fichiers par rapport aux images JPEG et PNG, avec une qualit&eacute; comparable.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-2-compressez-vos-fichiers-images\">2. Compressez vos fichiers images<\/h3><p>La m&eacute;thode la plus simple et la plus populaire pour optimiser les images est la compression, qui peut &ecirc;tre r&eacute;alis&eacute;e selon deux approches : avec ou sans perte.<\/p><p><strong>Compression avec perte<\/strong><\/p><p>La compression avec perte consiste &agrave; supprimer certaines donn&eacute;es de l&rsquo;image, en particulier les d&eacute;tails qui sont moins susceptibles d&rsquo;&ecirc;tre remarqu&eacute;s. Elle permet de r&eacute;duire consid&eacute;rablement la taille des fichiers, ce qui rend les images plus l&eacute;g&egrave;res et plus rapides &agrave; charger.<\/p><p>Cette m&eacute;thode de compression d&rsquo;image est id&eacute;ale pour les grandes photos ou les images d&eacute;taill&eacute;es utilis&eacute;es comme arri&egrave;re-plan ou &eacute;l&eacute;ments d&eacute;coratifs, lorsque la r&eacute;solution la plus &eacute;lev&eacute;e n&rsquo;est pas essentielle. Le format JPEG\/JPG utilise g&eacute;n&eacute;ralement une compression avec perte.<\/p><figure data-wp-context='{\"imageId\":\"6a3bc10221458\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10221458\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"508\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/jpg-compressed-and-full-resolution-comparison-1024x508-2.png\/public\" alt=\"Comparaison d'un visuel personnalis&eacute; d'un fichier JPG compress&eacute; et d'un fichier JPG pleine r&eacute;solution \" class=\"wp-image-34145\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/jpg-compressed-and-full-resolution-comparison-1024x508-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/jpg-compressed-and-full-resolution-comparison-1024x508-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/jpg-compressed-and-full-resolution-comparison-1024x508-2.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/jpg-compressed-and-full-resolution-comparison-1024x508-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>Cependant, ne r&eacute;&eacute;ditez pas et n&rsquo;enregistrez pas les images dans un format avec perte de mani&egrave;re r&eacute;p&eacute;t&eacute;e, car ce processus peut d&eacute;grader la qualit&eacute; au fil du temps. C&rsquo;est pourquoi nous recommandons d&rsquo;avoir une copie de sauvegarde de l&rsquo;image originale pour toute modification future.<\/p><p><strong>Compression sans perte<\/strong><\/p><p>La compression sans perte comprime les images en optimisant les donn&eacute;es de l&rsquo;image elle-m&ecirc;me. Tous les d&eacute;tails originaux sont pr&eacute;serv&eacute;s et peuvent &ecirc;tre enti&egrave;rement restaur&eacute;s lors de la d&eacute;compression.<\/p><p>Outre une perte de qualit&eacute; minimale, la r&eacute;duction de la taille des fichiers est g&eacute;n&eacute;ralement moins importante. Cette m&eacute;thode d&rsquo;optimisation convient donc mieux aux images pour lesquelles la pr&eacute;cision et la clart&eacute; sont primordiales, comme les ic&ocirc;nes et les logos. Le format d&rsquo;image PNG est connu pour utiliser ce type de compression.<\/p><p>Passons en revue quelques conseils pratiques pour la compression d&rsquo;images :<\/p><ul class=\"wp-block-list\">\n<li><strong>Outils et logiciels. <\/strong>Utilisez un logiciel de retouche d&rsquo;images qui offre un contr&ocirc;le fin des param&egrave;tres de compression, par exemple <strong>GIMP<\/strong>. Ces outils vous permettent de comparer visuellement l&rsquo;image originale et l&rsquo;image compress&eacute;e pour vous assurer que la qualit&eacute; est acceptable.<\/li>\n\n\n\n<li><strong>Compression automatique. <\/strong>Demandez &agrave; votre h&eacute;bergeur s&rsquo;il propose un outil c&ocirc;t&eacute; serveur qui compresse automatiquement les images lors du t&eacute;l&eacute;chargement. Vous pouvez &eacute;galement installer un plugin WordPress comme Smush pour optimiser automatiquement les nouveaux t&eacute;l&eacute;chargements.<\/li>\n\n\n\n<li><strong>Test. <\/strong>Apr&egrave;s la compression, essayez d&rsquo;acc&eacute;der &agrave; votre contenu sur diff&eacute;rents appareils et tailles d&rsquo;&eacute;cran. Ce processus permet de s&rsquo;assurer que vos images conservent une qualit&eacute; acceptable et se chargent efficacement.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-3-placez-votre-image-de-maniere-strategique\">3. Placez votre image de mani&egrave;re strat&eacute;gique<\/h3><p>Une optimisation efficace des images passe &eacute;galement par un placement judicieux des images.<\/p><p>Les images doivent compl&eacute;ter et am&eacute;liorer le contenu textuel, et non pas simplement servir de pause dans les longs passages de texte. Veillez &agrave; ce que chaque image ait un lien clair avec le mat&eacute;riel &eacute;crit environnant, renfor&ccedil;ant ainsi le message ou l&rsquo;information transmise.<\/p><p>Par exemple, sur la page produit d&rsquo;une chaussure de course de haute technologie, envisagez d&rsquo;inclure ce qui suit :<\/p><ul class=\"wp-block-list\">\n<li>Des images de haute qualit&eacute; de la chaussure sous plusieurs angles pour attirer l&rsquo;attention.<\/li>\n\n\n\n<li>Des photos de style de vie montrant les chaussures en action aident les clients &agrave; visualiser le produit dans son utilisation quotidienne.<\/li>\n\n\n\n<li>Des photos en gros plan de caract&eacute;ristiques uniques, telles que la semelle ou le syst&egrave;me de la&ccedil;age, &agrave; c&ocirc;t&eacute; de la description de la caract&eacute;ristique. Ces &eacute;l&eacute;ments renforcent visuellement les avantages du produit.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-4-pensez-a-l-accessibilite-de-votre-image\">4. Pensez &agrave; l&rsquo;accessibilit&eacute; de votre image<\/h3><p>L&rsquo;accessibilit&eacute; est un autre facteur crucial pour servir des images optimis&eacute;es. Les lecteurs d&rsquo;&eacute;cran, tels que <strong>Narrator <\/strong>et <strong>JAWS <\/strong>(<strong>Job Access With Speech<\/strong>), ne peuvent pas interpr&eacute;ter le texte des images. Il est donc essentiel de fournir des textes alt descriptifs pour toutes les images.<\/p><p>Le texte alternatif est une description concise d&rsquo;une image. Sur le <a href=\"https:\/\/www.hostinger.com\/fr\/createur-de-sites-internet\">Cr&eacute;ateur de site internet<\/a> Hostinger, vous pouvez ajouter un texte alternatif en cliquant sur l&rsquo;image souhait&eacute;e. Dans la fen&ecirc;tre contextuelle des<strong> Param&egrave;tres de l&rsquo;image<\/strong>, remplissez le champ <strong>Alt textuelle <\/strong>comme suit :<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10223934\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10223934\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"926\" height=\"615\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/parametres-de-l-image-hwb.png\/public\" alt=\"Le champ de texte Alt dans les param&egrave;tres d'image du Cr&eacute;ateur de site Web Hostinger \" class=\"wp-image-34146\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/parametres-de-l-image-hwb.png\/w=926,fit=scale-down 926w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/parametres-de-l-image-hwb.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/parametres-de-l-image-hwb.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/parametres-de-l-image-hwb.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 926px) 100vw, 926px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Sur WordPress, vous pouvez ajouter un texte alternatif &agrave; l&rsquo;image en cliquant sur l&rsquo;image et en remplissant le champ <strong>Texte alternatif <\/strong>dans le panneau de droite :<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10225df6\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10225df6\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Ajouter-un-article-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1024x412.png\" alt=\"Le champ Texte alternatif dans les param&egrave;tres du bloc d'image de WordPress \" class=\"wp-image-34147\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>En plus d&rsquo;aider les visiteurs de sites web qui utilisent des technologies d&rsquo;assistance, les textes alt contribuent au r&eacute;f&eacute;rencement de l&rsquo;image d&rsquo;un site en rendant les &eacute;l&eacute;ments visuels plus faciles &agrave; trouver dans les r&eacute;sultats de recherche d&rsquo;images de Google.<\/p><p>Google utilise les textes alt dans le cadre de son processus d&rsquo;indexation. Lorsque vous incluez des textes alt descriptifs pour vos images, ces descriptions aident le moteur de recherche &agrave; comprendre de quoi il s&rsquo;agit. Par cons&eacute;quent, les images ont plus de chances d&rsquo;appara&icirc;tre dans les requ&ecirc;tes de recherche pertinentes.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-servir-les-images-via-cdn\">5. Servir les images via CDN<\/h3><p>Un r&eacute;seau de diffusion de contenu (CDN) est un syst&egrave;me de serveurs distribu&eacute;s qui fournissent du contenu, y compris des images, aux utilisateurs en fonction de l&rsquo;endroit o&ugrave; ils se trouvent. En fournissant des images &agrave; partir d&rsquo;un endroit plus proche de l&rsquo;utilisateur, les CDN r&eacute;duisent les temps de chargement.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1022808b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1022808b\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"887\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Comment-Marche-un-RDC-2.png\/w=1024,h=1024,fit=scale-down\" alt=\"Un visuel personnalis&eacute; sur le fonctionnement d'un CDN\" class=\"wp-image-34148\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Comment-Marche-un-RDC-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Comment-Marche-un-RDC-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Comment-Marche-un-RDC-2.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Comment-Marche-un-RDC-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>L&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/cdn\">int&eacute;gration d&rsquo;un CDN<\/a> &agrave; votre site web implique g&eacute;n&eacute;ralement de modifier les URL de vos images pour qu&rsquo;elles pointent vers le CDN :<\/p><ol class=\"wp-block-list\">\n<li>Vous commencez g&eacute;n&eacute;ralement par vous inscrire aupr&egrave;s d&rsquo;un fournisseur de CDN tel que Cloudflare.&nbsp;<\/li>\n\n\n\n<li>Ensuite, t&eacute;l&eacute;chargez le contenu statique de votre site, y compris les images, vers le CDN.&nbsp;<\/li>\n\n\n\n<li>Une fois le t&eacute;l&eacute;chargement termin&eacute;, vous devrez mettre &agrave; jour le code de votre site web pour que les URL des images pointent vers le CDN plut&ocirc;t que vers votre serveur.<\/li>\n<\/ol><p>Pour des instructions d&eacute;taill&eacute;es, vous pouvez vous r&eacute;f&eacute;rer &agrave; la documentation ou aux ressources d&rsquo;assistance du CDN que vous avez choisi.<\/p><p><a href=\"\/fr\/hebergement-web\">Souscrivez &agrave; notre plan Business<\/a> ou &agrave; un plan sup&eacute;rieur pour activer <a href=\"https:\/\/www.hostinger.com\/fr\/blog\/rdc-hostinger\">notre CDN interne Hostinger<\/a>. Voici comment proc&eacute;der :<\/p><ol class=\"wp-block-list\">\n<li>Dans hPanel, naviguez jusqu&rsquo;&agrave; la section <strong>Sites web <\/strong>et cliquez sur l&rsquo;option <strong>Tableau de bord <\/strong>&agrave; c&ocirc;t&eacute; du site web d&eacute;sir&eacute;.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10229fc1\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10229fc1\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"227\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Sites-Web-Hostinger-13.png\/w=1024,h=1024,fit=scale-down\" alt=\"Le menu Sites web de hPanel avec le bouton Tableau de bord en surbrillance \" class=\"wp-image-34151\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Sites-Web-Hostinger-13.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Sites-Web-Hostinger-13.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Sites-Web-Hostinger-13.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Sites-Web-Hostinger-13.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Dans la section <strong>Performance<\/strong>, recherchez l&rsquo;option <strong>CDN <\/strong>pour l&rsquo;activer.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1022c112\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1022c112\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"344\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/CDN-Hostinger-3.png\/w=1024,h=1024,fit=scale-down\" alt=\"Le sous-menu CDN dans hPanel \" class=\"wp-image-34152\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/CDN-Hostinger-3.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/CDN-Hostinger-3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/CDN-Hostinger-3.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/CDN-Hostinger-3.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-6-utiliser-les-bonnes-dimensions-d-image-et-le-bon-ratio-d-aspect\">6. Utiliser les bonnes dimensions d&rsquo;image et le bon ratio d&rsquo;aspect<\/h3><p>Les dimensions d&rsquo;une image sont la largeur et la hauteur d&rsquo;une image mesur&eacute;es en pixels. Une image peut avoir des dimensions de 1920&times;1080 pixels, 1920 &eacute;tant la largeur et 1080 la hauteur.<\/p><p>Les dimensions d&rsquo;une image ont un impact direct sur sa r&eacute;solution et son niveau de d&eacute;tail, les plus grandes dimensions permettant g&eacute;n&eacute;ralement d&rsquo;obtenir un niveau de d&eacute;tail et de clart&eacute; plus &eacute;lev&eacute;. Elles influencent &eacute;galement de mani&egrave;re significative la taille du fichier de l&rsquo;image et la mani&egrave;re dont elle s&rsquo;affiche sur diff&eacute;rents appareils.<\/p><p>Par cons&eacute;quent, des dimensions optimales garantissent que l&rsquo;image s&rsquo;int&egrave;gre bien dans la mise en page d&rsquo;une page web sans redimensionnement inutile.<\/p><p>Adaptez les images aux r&eacute;solutions courantes des ordinateurs de bureau, comme 1920&times;1080 pixels, afin qu&rsquo;elles soient percutantes tout en &eacute;tant optimis&eacute;es pour les performances. Pour d&rsquo;excellentes performances sur mobile, une largeur maximale de 800 pixels permet de garantir la clart&eacute; des images.<\/p><p>Le ratio d&rsquo;aspect, quant &agrave; lui, indique comment la largeur et la hauteur d&rsquo;une image se comparent l&rsquo;une &agrave; l&rsquo;autre, ind&eacute;pendamment de sa taille r&eacute;elle en pixels.<\/p><p>Exprim&eacute;s sous la forme de deux nombres s&eacute;par&eacute;s par deux points, les rapports d&rsquo;aspect les plus courants sont 4:3, 16:9 et 1:1. Ils sont essentiels pour garantir que les images s&rsquo;affichent correctement, sans distorsion, sur les diff&eacute;rents appareils et plates-formes. Par exemple :<\/p><ul class=\"wp-block-list\">\n<li>4:3 est un format traditionnel utilis&eacute; pour la t&eacute;l&eacute;vision &agrave; d&eacute;finition standard et les premiers &eacute;crans d&rsquo;ordinateur.<\/li>\n\n\n\n<li>16:9 est largement utilis&eacute; pour la t&eacute;l&eacute;vision haute d&eacute;finition, les &eacute;crans d&rsquo;ordinateur larges et les smartphones.<\/li>\n\n\n\n<li>1:1 est un ratio d&rsquo;aspect carr&eacute; populaire sur les plateformes de m&eacute;dias sociaux pour les photos de profil et certains types de messages.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-7-mettre-en-oeuvre-le-referencement-des-images\">7. Mettre en &oelig;uvre le r&eacute;f&eacute;rencement des images<\/h3><p>Le r&eacute;f&eacute;rencement d&rsquo;images implique une s&eacute;rie de pratiques destin&eacute;es &agrave; rendre vos images plus faciles &agrave; d&eacute;couvrir et &agrave; am&eacute;liorer la visibilit&eacute; globale de votre site dans les r&eacute;sultats de recherche.<\/p><p>Outre les textes alt, il est essentiel de r&eacute;diger des noms de fichiers descriptifs riches en mots-cl&eacute;s. Ces noms de fichiers fournissent aux moteurs de recherche un contexte suppl&eacute;mentaire sur votre contenu, ce qui contribue &agrave; une indexation plus pr&eacute;cise. Par exemple, un fichier nomm&eacute; <strong>voiture-rouge-vintage.jpg <\/strong>est plus informatif pour les moteurs de recherche que <strong>image1.jpg<\/strong>.<\/p><p>Les donn&eacute;es structur&eacute;es jouent &eacute;galement un r&ocirc;le important dans l&rsquo;optimisation des images. Ces donn&eacute;es comprennent des d&eacute;tails tels que le cr&eacute;ateur et la licence. L&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/schema-markup-wordpress\">utilisation du Schema Markup<\/a> pour les donn&eacute;es structur&eacute;es aide les moteurs de recherche &agrave; indexer efficacement vos images, augmentant ainsi leurs chances d&rsquo;appara&icirc;tre dans les extraits enrichis.<\/p><h3 class=\"wp-block-heading\" id=\"h-8-utiliser-le-lazy-loading\">8. Utiliser le Lazy loading<\/h3><p>Dans le cas du Lazy loading ou le chargement diff&eacute;r&eacute;, les images ne sont charg&eacute;es que lorsqu&rsquo;elles sont sur le point d&rsquo;appara&icirc;tre dans la zone visible de l&rsquo;appareil. Cela signifie que les images situ&eacute;es plus bas dans la page ne seront pas charg&eacute;es avant que l&rsquo;utilisateur ne s&rsquo;approche de leur section.<\/p><p>Pour mettre en &oelig;uvre manuellement le chargement diff&eacute;r&eacute; sur votre site web, vous pouvez utiliser l&rsquo;attribut HTML loading=&rdquo;lazy&rdquo;. Voici comment proc&eacute;der :<\/p><ol class=\"wp-block-list\">\n<li>Depuis votre tableau de bord WordPress, rendez-vous sur la page web o&ugrave; l&rsquo;image doit &ecirc;tre affich&eacute;e. Par exemple, <strong>Articles<\/strong> &rarr; <strong>Modifier<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1022e718\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1022e718\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Articles-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1024x460.png\" alt='Le bouton \" Modifier \" du menu \" Tous les articles \" de WordPress ' class=\"wp-image-34155\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Ouvrez l&rsquo;&eacute;diteur de code en cliquant sur les <strong>trois points<\/strong>, &eacute;galement appel&eacute;s <strong>ellipses<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10230920\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10230920\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Modifier-larticle-Article-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1024x313.png\" alt=\"L'option ellipse de WordPress avec l'&eacute;diteur de code en surbrillance \" class=\"wp-image-34156\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Appuyez sur <strong>Ctrl + F <\/strong>et tapez <strong>&lt;img <\/strong>pour localiser toutes les balises &lt;img&gt;.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10232842\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10232842\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Modifier-larticle-Article-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1-1024x460.png\" alt=\"L'&eacute;diteur de code d'un article WordPress utilisant la recherche de balise img \" class=\"wp-image-34157\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Ajoutez loading=&rdquo;lazy&rdquo; aux balises &lt;img&gt;. Voici ce que cela donne dans l&rsquo;&eacute;diteur de code du site WordPress :<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10234a9b\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10234a9b\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Modifier-larticle-Article-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-2-1024x430.png\" alt=\"Ajouter la balise du lazy loading \" class=\"wp-image-34158\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Pour une solution plus directe, vous pouvez activer le chargement diff&eacute;r&eacute; sans codage avec un optimiseur d&rsquo;images comme <strong>Smush<\/strong>. Le processus est simple et ne n&eacute;cessite g&eacute;n&eacute;ralement que le basculement d&rsquo;un bouton.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10236b15\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10236b15\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"745\" height=\"595\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-automatic-image-optimization-option.png\/public\" alt=\"L'option d'optimisation automatique des images de Smush \" class=\"wp-image-34159\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-automatic-image-optimization-option.png\/w=745,fit=scale-down 745w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-automatic-image-optimization-option.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-automatic-image-optimization-option.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-9-tester-et-controler-les-performances-du-site-web\">9. Tester et contr&ocirc;ler les performances du site web<\/h3><p>Il est essentiel de tester et de contr&ocirc;ler les performances du site apr&egrave;s l&rsquo;optimisation de l&rsquo;image pour s&rsquo;assurer que vos efforts ont un impact positif. Utilisez des outils de test des performances pour obtenir des informations sur la vitesse du site web, les temps de r&eacute;ponse du serveur et les performances globales du site.<\/p><p><strong>Google PageSpeed Insights<\/strong>, par exemple, fournit des informations sur les performances de votre site web sur les appareils mobiles et de bureau. Il propose &eacute;galement des recommandations sp&eacute;cifiques pour l&rsquo;am&eacute;lioration, y compris l&rsquo;optimisation des images.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10238dbc\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10238dbc\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"477\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/PageSpeed-Insights-5.png\/w=1024,h=1024,fit=scale-down\" alt=\"Le rapport de performance mobile sur PageSpeed Insights\" class=\"wp-image-34161\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/PageSpeed-Insights-5.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/PageSpeed-Insights-5.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/PageSpeed-Insights-5.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/PageSpeed-Insights-5.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Une fois le test effectu&eacute;, recherchez des am&eacute;liorations dans les indicateurs cl&eacute;s. Par exemple, le <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/largest-contentful-paint\">score de largest contentful paint (LCP)<\/a> indique la rapidit&eacute; avec laquelle le contenu principal d&rsquo;une page devient visible pour les utilisateurs.<\/p><p>Vous pouvez &eacute;galement v&eacute;rifier si l&rsquo;outil &eacute;met des recommandations concernant les images. Il peut s&rsquo;agir d&rsquo;une compression plus pouss&eacute;e, de changements de format ou de l&rsquo;utilisation de formats modernes tels que WebP.<\/p><p>En outre, <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/google-analytics-4\">Google Analytics peut fournir des informations<\/a> sur l&rsquo;exp&eacute;rience des visiteurs d&rsquo;un site web avant et apr&egrave;s l&rsquo;optimisation des images. Pr&ecirc;tez attention aux indicateurs tels que le temps de chargement des pages, le nombre de pages vues par session et le taux de rebond, car les am&eacute;liorations apport&eacute;es &agrave; l&rsquo;optimisation des images peuvent avoir une incidence positive sur ces param&egrave;tres.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1023ad7e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1023ad7e\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Outils-et-solutions-d-analyse-pour-votre-entreprise-%E2%80%93-Google-Analytics-1024x476.png\" alt=\"Page d'accueil de Google Analytics \" class=\"wp-image-34162\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>De plus, l&rsquo;optimisation des images est un processus continu. &Agrave; mesure que vous ajoutez du contenu ou que les technologies web &eacute;voluent, une surveillance continue est cruciale pour maintenir et am&eacute;liorer les performances.<\/p><p>V&eacute;rifiez r&eacute;guli&egrave;rement les performances de votre site &agrave; l&rsquo;aide des outils mentionn&eacute;s ci-dessus et tenez-vous au courant des meilleures pratiques en mati&egrave;re d&rsquo;optimisation des images afin de mettre en &oelig;uvre les nouvelles techniques d&egrave;s qu&rsquo;elles sont disponibles.<\/p><h2 class=\"wp-block-heading\" id=\"h-6-meilleurs-outils-d-optimisation-d-images\">6 meilleurs outils d&rsquo;optimisation d&rsquo;images<\/h2><p>Pour faciliter le processus d&rsquo;optimisation des images, voici un r&eacute;capitulatif rapide des six meilleurs outils d&rsquo;optimisation des images &agrave; prendre en compte :<\/p><h3 class=\"wp-block-heading\" id=\"h-1-gimp\">1. <a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener\">GIMP<\/a><\/h3><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1023d094\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1023d094\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"346\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-homepage-1024x346-1.png\/public\" alt=\"Page d'accueil de GIMP \" class=\"wp-image-34163\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-homepage-1024x346-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-homepage-1024x346-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-homepage-1024x346-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-homepage-1024x346-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>GIMP, un logiciel d&rsquo;&eacute;dition d&rsquo;images open-source, offre une alternative puissante et gratuite aux outils haut de gamme comme Adobe Photoshop. En ce qui concerne la compression, GIMP offre des techniques de manipulation avanc&eacute;es, y compris la possibilit&eacute; d&rsquo;ajuster les niveaux de compression.<\/p><p>Pour optimiser les images avec GIMP, vous pouvez commencer par redimensionner le fichier image en utilisant la m&eacute;thode de la largeur et de la hauteur fixes. Voici comment proc&eacute;der :<\/p><ol class=\"wp-block-list\">\n<li>Importez votre image dans GIMP en cliquant sur <strong>File<\/strong> &rarr; <strong>Open <\/strong>et choisissez-en une sur votre ordinateur local.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1023f4d8\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1023f4d8\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"643\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-open-editor-1024x643-1.png\/public\" alt=\"L'&eacute;diteur de GIMP avec une image import&eacute;e\" class=\"wp-image-34164\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-open-editor-1024x643-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-open-editor-1024x643-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-open-editor-1024x643-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-open-editor-1024x643-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Allez dans <strong>Image<\/strong> &rarr; <strong>Scale image<\/strong>, et ajustez la largeur et la hauteur sous <strong>Image size<\/strong>. Par exemple, nous modifions la largeur en 1920 et la hauteur s&rsquo;ajuste automatiquement. Cliquez ensuite sur <strong>Scale<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc102418b1\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc102418b1\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"445\" height=\"455\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-image-scaleimage-imagesize-scale.png\/public\" alt=\"La fen&ecirc;tre pop-up de GIMP avec la taille de l'image ajust&eacute;e et le bouton Scale en surbrillance \" class=\"wp-image-34170\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-image-scaleimage-imagesize-scale.png\/w=445,fit=scale-down 445w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-image-scaleimage-imagesize-scale.png\/w=293,fit=scale-down 293w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-image-scaleimage-imagesize-scale.png\/w=147,fit=scale-down 147w\" sizes=\"(max-width: 445px) 100vw, 445px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Attendez la fin du processus et votre image sera redimensionn&eacute;e dans l&rsquo;&eacute;diteur comme suit :<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc102439e6\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc102439e6\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"638\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-editor-compressedimage-1024x638-1.png\/public\" alt=\"L'&eacute;diteur de GIMP avec une image compress&eacute;e \" class=\"wp-image-34171\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-editor-compressedimage-1024x638-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-editor-compressedimage-1024x638-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-editor-compressedimage-1024x638-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-editor-compressedimage-1024x638-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Exportez l&rsquo;image mise &agrave; l&rsquo;&eacute;chelle en allant dans <strong>File<\/strong> &rarr; <strong>Export As<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10245fce\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10245fce\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"840\" height=\"545\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas.png\/public\" alt=\"L'option Exporter sous du menu Fichier de GIMP\" class=\"wp-image-34172\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas.png\/w=840,fit=scale-down 840w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Renommez l&rsquo;image et indiquez le format de votre choix lors de l&rsquo;exportation. Par exemple, ici, nous renommons l&rsquo;image en <strong>smoky-quartz-compressed.webp<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1024839e\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1024839e\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"945\" height=\"700\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-name.png\/public\" alt=\"Champ d'exportation d'image de GIMP avec le champ de nom en surbrillance \" class=\"wp-image-34173\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-name.png\/w=945,fit=scale-down 945w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-name.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-name.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-name.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 945px) 100vw, 945px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Ajustez le niveau de compression dans la section <strong>Image quality<\/strong>, par exemple 80. Cliquez sur <strong>Export<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1024a46d\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1024a46d\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"340\" height=\"475\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-exportimageaswebp-1.png\/public\" alt=\"Fen&ecirc;tre contextuelle Exporter l'image en tant que WebP de GIMP \" class=\"wp-image-34174\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-exportimageaswebp-1.png\/w=340,fit=scale-down 340w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-exportimageaswebp-1.png\/w=215,fit=scale-down 215w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/gimp-file-exportas-exportimage-exportimageaswebp-1.png\/w=107,fit=scale-down 107w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"7\">\n<li>Maintenant, v&eacute;rifions le r&eacute;sultat. Allez dans le dossier de votre ordinateur local o&ugrave; vous avez enregistr&eacute; les images avant et apr&egrave;s. Comparez ensuite les tailles.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1024c587\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1024c587\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"156\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/fileexplorer-pictures-smokyquartz-and-smokyquartzcompressed-1024x156-1.png\/public\" alt=\"Les deux images dans l'Explorateur de fichiers montrant diff&eacute;rentes tailles \" class=\"wp-image-34175\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/fileexplorer-pictures-smokyquartz-and-smokyquartzcompressed-1024x156-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/fileexplorer-pictures-smokyquartz-and-smokyquartzcompressed-1024x156-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/fileexplorer-pictures-smokyquartz-and-smokyquartzcompressed-1024x156-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/fileexplorer-pictures-smokyquartz-and-smokyquartzcompressed-1024x156-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-2-kraken-io\">2. <a href=\"https:\/\/kraken.io\/\" target=\"_blank\" rel=\"noopener\">Kraken.io<\/a><\/h3><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1024ed0c\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1024ed0c\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"500\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-homepage-1024x500-1.png\/public\" alt=\"Page d'accueil de Kraken.io \" class=\"wp-image-34176\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-homepage-1024x500-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-homepage-1024x500-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-homepage-1024x500-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-homepage-1024x500-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Kraken.io est une plateforme compl&egrave;te d&rsquo;optimisation d&rsquo;images qui vous permet de compresser des images PNG, GIF, GIF anim&eacute;, SVG et JPEG. Elle utilise des algorithmes avanc&eacute;s pour atteindre l&rsquo;&eacute;quilibre parfait entre la qualit&eacute; de l&rsquo;image et la compression.<\/p><p>La plateforme offre une comparaison c&ocirc;te &agrave; c&ocirc;te de l&rsquo;image originale et de l&rsquo;image optimis&eacute;e, ce qui permet de s&rsquo;assurer que la compression maintient une qualit&eacute; d&rsquo;image acceptable.<\/p><p>L&rsquo;outil de compression gratuit de Kraken.io a une limite de taille de fichier de 1 Mo. Pour compresser des images, s&eacute;lectionnez votre mode d&rsquo;optimisation pr&eacute;f&eacute;r&eacute; &ndash; <strong>Lossy<\/strong>, <strong>Lossless <\/strong>ou <strong>Expert<\/strong>. Ensuite, t&eacute;l&eacute;chargez les images ou faites-les glisser dans l&rsquo;interface de compression de la plateforme.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10250eee\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10250eee\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"544\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-imagecompression-interface-1024x544-1.png\/public\" alt=\"Interface de compression d'image de Kraken.io\" class=\"wp-image-34177\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-imagecompression-interface-1024x544-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-imagecompression-interface-1024x544-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-imagecompression-interface-1024x544-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/krakenio-imagecompression-interface-1024x544-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Passez &agrave; la version premium (&agrave; partir de <strong>4.54 &euro;\/mois) <\/strong>pour b&eacute;n&eacute;ficier de fonctionnalit&eacute;s suppl&eacute;mentaires telles que la compression en masse et le redimensionnement des images.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-nbsp-imagify\">3.&nbsp; <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener\">Imagify<\/a><\/h3><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10253242\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10253242\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"469\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Le-plus-simple-des-compresseurs-d-images-et-optimiseurs-WebP-Avif-en-ligne-Imagify-1.png\/public\" alt=\"Page d'accueil d'Imagify \" class=\"wp-image-34183\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Le-plus-simple-des-compresseurs-d-images-et-optimiseurs-WebP-Avif-en-ligne-Imagify-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Le-plus-simple-des-compresseurs-d-images-et-optimiseurs-WebP-Avif-en-ligne-Imagify-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Le-plus-simple-des-compresseurs-d-images-et-optimiseurs-WebP-Avif-en-ligne-Imagify-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/Le-plus-simple-des-compresseurs-d-images-et-optimiseurs-WebP-Avif-en-ligne-Imagify-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Imagify, qui prend en charge le format WebP, offre une s&eacute;rie d&rsquo;options de compression, y compris des modes avec ou sans perte et des modes d&rsquo;ultra-compression.<\/p><p>La conservation des donn&eacute;es EXIF sur le site&nbsp;est une fonctionnalit&eacute; unique. Elle conserve les m&eacute;tadonn&eacute;es de l&rsquo;image, telles que les param&egrave;tres de l&rsquo;appareil photo, la date et l&rsquo;heure de la prise de vue et le lieu o&ugrave; la photo a &eacute;t&eacute; prise, apr&egrave;s la compression.<\/p><p>Les images matricielles, comme celles des formats JPEG, <a href=\"https:\/\/www.adobe.com\/fr\/creativecloud\/file-types\/image\/raster\/tiff-file.html\" target=\"_blank\" rel=\"noopener\">TIFF<\/a> et certains formats de fichiers RAW, peuvent contenir des donn&eacute;es EXIF. En pr&eacute;servant les donn&eacute;es EXIF, Imagify vous permet d&rsquo;acc&eacute;der aux m&eacute;tadonn&eacute;es des images &agrave; des fins de post-traitement, d&rsquo;archivage ou d&rsquo;analyse des techniques de photographie.<\/p><p>L&rsquo;offre gratuite d&rsquo;Imagify vous permet de compresser jusqu&rsquo;&agrave; 200 images par mois, mais limite la taille des fichiers &agrave; 2 Mo. Souscrivez &agrave; l&rsquo;offre premium (&agrave; partir de <strong>5.44 &euro;\/mois<\/strong>) pour b&eacute;n&eacute;ficier d&rsquo;options de sauvegarde de vos fichiers, d&rsquo;une taille de t&eacute;l&eacute;chargement illimit&eacute;e et d&rsquo;une capacit&eacute; de traitement d&rsquo;environ 5 000 images, entre autres fonctionnalit&eacute;s.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-smush\">4. <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smush<\/a><\/h3><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc102556c6\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc102556c6\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"322\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-banner-1024x322-1.png\/public\" alt=\"Banni&egrave;re du plugin WordPress de Smush \" class=\"wp-image-34179\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-banner-1024x322-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-banner-1024x322-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-banner-1024x322-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/smush-banner-1024x322-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Smush est l&rsquo;un des outils d&rsquo;optimisation d&rsquo;images les plus utilis&eacute;s par les propri&eacute;taires de sites WordPress. Sa caract&eacute;ristique principale est la compression en masse, qui vous permet d&rsquo;optimiser vos images simultan&eacute;ment.<\/p><p>Apr&egrave;s avoir activ&eacute; le plugin, vous pouvez voir la d&eacute;tection en masse de vos images non optimis&eacute;es. Voici comment proc&eacute;der :<\/p><ol class=\"wp-block-list\">\n<li>Cliquez sur le bouton <strong>Bulk Smush<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10257af0\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10257af0\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Dashboard-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1024x430.png\" alt=\"La section Bulk Smush sur le tableau de bord de Smush\" class=\"wp-image-34165\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"2\">\n<li>Parfois, le plugin peut demander une nouvelle v&eacute;rification. Cliquez sur le bouton <strong>Re-check Images <\/strong>pour lancer le processus, puis cliquez sur <strong>Resume Bulk Smush<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc10259e36\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc10259e36\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"147\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/wordpress-smush-bulksmush-resumebulksmush-1024x147-1.png\/public\" alt=\"Le bouton Reprendre Bulk Smush &agrave; c&ocirc;t&eacute; de la notification de re-v&eacute;rification d'image termin&eacute;e \" class=\"wp-image-34166\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/wordpress-smush-bulksmush-resumebulksmush-1024x147-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/wordpress-smush-bulksmush-resumebulksmush-1024x147-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/wordpress-smush-bulksmush-resumebulksmush-1024x147-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/wordpress-smush-bulksmush-resumebulksmush-1024x147-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Une fois l&rsquo;optimisation en masse termin&eacute;e, vous obtiendrez un rapport comme celui-ci :<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc1025bff3\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1025bff3\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/Bulk-Smush-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1024x279.png\" alt=\"Le rapport de Bulk Smush apr&egrave;s avoir termin&eacute; le processus d'optimisation d'images en masse \" class=\"wp-image-34167\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Si la version gratuite de Smush offre une gamme solide de fonctionnalit&eacute;s, la version payante propose des options plus avanc&eacute;es. Les plans <strong>Smush Pro <\/strong>(&agrave; partir de <strong>2.72 &euro;\/mois<\/strong>) comprennent la compression illimit&eacute;e, la conversion d&rsquo;images WebP et le t&eacute;l&eacute;chargement de fichiers d&rsquo;images de taille illimit&eacute;e.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-tinypng\">5. <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a><\/h3><figure data-wp-context='{\"imageId\":\"6a3bc1025e430\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc1025e430\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"328\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/tinypng-banner-1024x328-1.png\/public\" alt=\"Banni&egrave;re du plugin WordPress de TinyPNG \" class=\"wp-image-34180\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/tinypng-banner-1024x328-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/tinypng-banner-1024x328-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/tinypng-banner-1024x328-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/tinypng-banner-1024x328-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>TinyPNG offre des techniques intelligentes de compression avec perte pour r&eacute;duire les fichiers JPEG et PNG de mani&egrave;re significative. L&rsquo;aspect intelligent de cette compression r&eacute;side dans sa capacit&eacute; &agrave; diminuer s&eacute;lectivement le nombre de couleurs de l&rsquo;image.<\/p><p>Avec TinyPNG, vous pouvez t&eacute;l&eacute;charger, compresser ou redimensionner des images par l&rsquo;interm&eacute;diaire de son site web ou de plugins pour divers syst&egrave;mes de gestion de contenu. Le plugin WordPress, par exemple, peut automatiser l&rsquo;optimisation de l&rsquo;image lors du t&eacute;l&eacute;versement.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc102602db\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc102602db\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2024\/08\/TinyPNG-%E2%80%B9-hostinger-dev-19-xyz-%E2%80%94-WordPress-1024x540.png\" alt=\"Les sous-sections Nouveaux t&eacute;l&eacute;versements d'images et Tailles d'image dans les param&egrave;tres de TinyPNG\" class=\"wp-image-34168\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>Malgr&eacute; son nom, TinyPNG fonctionne dans diff&eacute;rents formats, notamment les images WebP, JPEG\/JPG et PNG. L&rsquo;outil prend &eacute;galement en charge la transparence dans les PNG, ce qui est particuli&egrave;rement utile pour les graphiques Web.<\/p><p>TinyPNG offre un service gratuit, mais il y a des limitations sur la taille des fichiers et le nombre d&rsquo;images que vous pouvez compresser en une seule fois. La version premium (&agrave; partir de <strong>35.46 &euro;\/an<\/strong>) offre des cr&eacute;dits plus &eacute;lev&eacute;s, la prise en charge d&rsquo;images de plus grande taille et l&rsquo;acc&egrave;s &agrave; l&rsquo;API pour les flux de travail automatis&eacute;s.<\/p><h3 class=\"wp-block-heading\" id=\"h-6-imagerecycle\">6. <a href=\"https:\/\/www.imagerecycle.com\/\" target=\"_blank\" rel=\"noopener\">ImageRecycle<\/a><\/h3><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"6a3bc102623a5\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a3bc102623a5\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"620\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/imagerecycle-homepage-1024x620-1.png\/public\" alt=\"Page d'accueil d'ImageRecycle\" class=\"wp-image-34181\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/imagerecycle-homepage-1024x620-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/imagerecycle-homepage-1024x620-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/imagerecycle-homepage-1024x620-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/08\/imagerecycle-homepage-1024x620-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div><p>ImageRecycle prend en charge un grand nombre de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/meilleur-format-de-image\">formats d&rsquo;images<\/a>, notamment JPEG, PNG, GIF et SVG, ainsi que les documents PDF.<\/p><p>Utilisez cet outil pour effectuer une analyse de votre site web et obtenir des informations sur les images non optimis&eacute;es. Il vous suffit d&rsquo;entrer l&rsquo;adresse de votre site web et votre adresse e-mail. L&rsquo;optimiseur d&rsquo;images vous enverra alors un rapport gratuit &agrave; votre adresse &eacute;lectronique.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41467\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-Web-hosting_in-text-banner-1-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>L&rsquo;optimisation des images joue un r&ocirc;le essentiel dans l&rsquo;am&eacute;lioration des performances de votre site. Les visiteurs s&rsquo;attendent &agrave; une exp&eacute;rience en ligne fluide et les moteurs de recherche privil&eacute;gient les sites Web &agrave; chargement rapide ; l&rsquo;optimisation des images est donc un &eacute;l&eacute;ment essentiel de votre liste de contr&ocirc;le pour la maintenance de votre site Web.<\/p><p>Voici un r&eacute;capitulatif des strat&eacute;gies d&rsquo;optimisation des images abord&eacute;es dans cet article :<\/p><ol class=\"wp-block-list\">\n<li><strong>Choisissez le format appropri&eacute;. <\/strong>S&eacute;lectionnez JPEG pour les photos, PNG pour les images n&eacute;cessitant de la transparence, GIF pour les animations et WebP pour un &eacute;quilibre entre la qualit&eacute; et la taille de l&rsquo;image.<\/li>\n\n\n\n<li><strong>Compressez vos images. <\/strong>Optimisez les images en utilisant la compression avec perte lorsque la qualit&eacute; parfaite n&rsquo;est pas cruciale et la compression sans perte pour les images o&ugrave; les d&eacute;tails sont primordiaux.<\/li>\n\n\n\n<li><strong>Placez votre image de mani&egrave;re strat&eacute;gique.<\/strong> Les images doivent &ecirc;tre plac&eacute;es &agrave; des endroits strat&eacute;giques pour compl&eacute;ter efficacement le texte sans cr&eacute;er de distractions.<\/li>\n\n\n\n<li><strong>Pensez &agrave; l&rsquo;accessibilit&eacute; de vos images.<\/strong> Veillez &agrave; ce que toutes les images soient accompagn&eacute;es d&rsquo;un texte alt descriptif afin d&rsquo;aider les visiteurs qui utilisent des technologies d&rsquo;assistance et d&rsquo;am&eacute;liorer le r&eacute;f&eacute;rencement.<\/li>\n\n\n\n<li><strong>Servez les images via un r&eacute;seau de diffusion de contenu (CDN).<\/strong>&nbsp; Utilisez un r&eacute;seau de diffusion de contenu pour fournir des fichiers multim&eacute;dias, y compris des images, plus rapidement aux utilisateurs. Il s&rsquo;agit de servir vos images &agrave; partir des serveurs les plus proches de l&rsquo;endroit o&ugrave; se trouve l&rsquo;utilisateur.<\/li>\n\n\n\n<li><strong>Utilisez les bonnes dimensions d&rsquo;image et le bon rapport hauteur\/largeur. <\/strong>Adapter la largeur et la hauteur de l&rsquo;image pour garantir un affichage correct sur diff&eacute;rents appareils.<\/li>\n\n\n\n<li><strong>Mettez en &oelig;uvre le r&eacute;f&eacute;rencement des images.<\/strong> Soignez la qualit&eacute; de vos images, le texte alt, le nom de fichier et les donn&eacute;es structur&eacute;es afin d&rsquo;optimiser les images pour les recherches standard et les recherches d&rsquo;images.<\/li>\n\n\n\n<li><strong>Utilisez le chargement diff&eacute;r&eacute;. <\/strong>R&eacute;glez les images pour qu&rsquo;elles ne se chargent que lorsqu&rsquo;elles sont sur le point d&rsquo;entrer dans la fen&ecirc;tre de visualisation, ce qui r&eacute;duit le temps de chargement initial de la page.<\/li>\n\n\n\n<li><strong>Testez et contr&ocirc;lez les performances du site.<\/strong> Pr&ecirc;tez attention aux mesures telles que le score LCP et les donn&eacute;es Google Analytics pour am&eacute;liorer l&rsquo;exp&eacute;rience des utilisateurs.<\/li>\n<\/ol><p>Gardez &agrave; l&rsquo;esprit que l&rsquo;optimisation des images n&rsquo;est pas une t&acirc;che ponctuelle. En contr&ocirc;lant et en affinant en permanence les images de votre site, vous vous assurez qu&rsquo;il reste comp&eacute;titif, attrayant et conforme aux meilleures pratiques en mati&egrave;re de performances en ligne.<\/p><h2 class=\"wp-block-heading\" id=\"h-optimisation-des-images-faq\">Optimisation des images &ndash; FAQ<\/h2><p>R&eacute;pondons &agrave; quatre questions fr&eacute;quemment pos&eacute;es sur l&rsquo;optimisation des images.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1723050505853\"><h3 class=\"schema-faq-question\">Pourquoi optimiser les images ?<\/h3> <p class=\"schema-faq-answer\">L&rsquo;optimisation des images est essentielle pour am&eacute;liorer les temps de chargement des sites web et l&rsquo;exp&eacute;rience des utilisateurs.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1723050529836\"><h3 class=\"schema-faq-question\">Quelle est l&rsquo;importance de l&rsquo;optimisation des images pour le r&eacute;f&eacute;rencement ?<\/h3> <p class=\"schema-faq-answer\">Des images optimis&eacute;es contribuent &agrave; acc&eacute;l&eacute;rer le temps de chargement des pages, ce qui a un effet positif sur le classement de votre site. Les images dont le nom de fichier et le texte alt sont appropri&eacute;s peuvent &eacute;galement &ecirc;tre mieux class&eacute;es dans les r&eacute;sultats de recherche d&rsquo;images, ce qui permet d&rsquo;augmenter le trafic vers votre site.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1723050537708\"><h3 class=\"schema-faq-question\">Comment optimiser une image sans en perdre la qualit&eacute; ?<\/h3> <p class=\"schema-faq-answer\">Pour optimiser une image sans en perdre la qualit&eacute;, utilisez des techniques d&rsquo;optimisation sans perte avec des outils tels que <strong>GIMP<\/strong>, <strong>Kraken.io <\/strong>ou <strong>Imagify<\/strong>. Vous pouvez &eacute;galement redimensionner les images aux dimensions exactes requises sur vos pages web, car les images plus petites ont naturellement une taille de fichier plus petite.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1723050545302\"><h3 class=\"schema-faq-question\">Quel est le meilleur format d&rsquo;image pour l&rsquo;optimisation ?<\/h3> <p class=\"schema-faq-answer\">Les photographies et les images complexes peuvent utiliser le format JPEG. Pour les images n&eacute;cessitant de la transparence ou des d&eacute;tails pr&eacute;cis, le format PNG est pr&eacute;f&eacute;rable. Les images WebP sont populaires parmi les propri&eacute;taires de sites web, car elles ont une taille de fichier inf&eacute;rieure &agrave; celle des formats JPEG et PNG pour des niveaux de qualit&eacute; de compression comparables.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;optimisation des images, en g&eacute;n&eacute;ral, vise &agrave; rendre les images plus efficaces pour une utilisation sur le web. Des images correctement optimis&eacute;es permettent d&rsquo;acc&eacute;l&eacute;rer le temps de chargement des pages, garantissant ainsi le bon fonctionnement de votre site internet et am&eacute;liorant l&rsquo;accessibilit&eacute; pour les utilisateurs sur tous les types d&rsquo;appareils. Cet article vous aidera &agrave; [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/optimisation-des-images\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":355,"featured_media":33981,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Optimisation des images : Votre cl\u00e9 pour un site web rapide","rank_math_description":"Boostez la vitesse de votre site web et le SEO avec l'optimisation des images. D\u00e9couvrez des conseils et des outils pratiques dans ce guide.","rank_math_focus_keyword":"optimisation des images","footnotes":""},"categories":[4804,5811],"tags":[],"class_list":["post-33971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-site-web","category-optimisation"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/otimizar-imagens","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/optimisation-des-images","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/optimizar-imagenes","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/optimizar-imagenes","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/optimizar-imagenes","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/que-es-una-url-7","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/otimizar-imagens","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/complete-guide-to-image-optimization\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/complete-guide-to-image-optimization\/","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/33971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=33971"}],"version-history":[{"count":11,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/33971\/revisions"}],"predecessor-version":[{"id":34184,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/33971\/revisions\/34184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/33981"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=33971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=33971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=33971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}