{"id":16335,"date":"2022-11-11T19:05:23","date_gmt":"2022-11-11T19:05:23","guid":{"rendered":"\/tutoriels\/?p=16335"},"modified":"2024-04-03T21:34:11","modified_gmt":"2024-04-03T21:34:11","slug":"optimiser-images-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/optimiser-images-wordpress","title":{"rendered":"Comment optimiser les images pour WordPress"},"content":{"rendered":"<p>L&rsquo;optimisation des images pour WordPress peut faire des merveilles pour votre site web. Un site WordPress avec des images bien optimis&eacute;es peut r&eacute;colter des avantages tels qu&rsquo;un temps de chargement rapide, une exp&eacute;rience utilisateur am&eacute;lior&eacute;e et un meilleur r&eacute;f&eacute;rencement.<\/p><p>Cet article vous propose de d&eacute;couvrir quatre fa&ccedil;ons faciles d&rsquo;optimiser les images pour WordPress. Nous allons &eacute;galement &eacute;num&eacute;rer les meilleures extensions pour optimiser les images et r&eacute;pondre &agrave; quelques unes des questions les plus fr&eacute;quemment pos&eacute;es sur les images WordPress.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-FR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41459\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-pourquoi-est-il-important-d-optimiser-les-images-pour-wordpress\"><strong>Pourquoi est-il important d&rsquo;optimiser les images pour WordPress<\/strong> ? <\/h2><p>L&rsquo;optimisation des images sur votre site web WordPress est tr&egrave;s importante. Voici quatre raisons expliquant pourquoi :<\/p><ul class=\"wp-block-list\">\n<li><strong>Augmente la vitesse des pages web<\/strong>. Les images non optimis&eacute;es rendent vos pages web lourdes et plus lentes &agrave; charger. En optimisant vos grandes images sans sacrifier la qualit&eacute;, vous pouvez <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/optimiser-wordpress\/\"><strong>acc&eacute;l&eacute;rer WordPress<\/strong><\/a>.<\/li>\n\n\n\n<li><strong>Am&eacute;liorer l&rsquo;exp&eacute;rience utilisateur<\/strong>. Attendre plus longtemps que d&rsquo;habitude qu&rsquo;une page se charge est frustrant pour les visiteurs d&rsquo;un site web. Le taux de rejet &mdash; le pourcentage de visiteurs qui tombent sur une page Web et la quittent sans avoir explor&eacute; le reste du site &mdash; est tr&egrave;s &eacute;lev&eacute; pour <a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\" target=\"_blank\" rel=\"noopener\"><strong>les sites web qui prennent plus de trois secondes &agrave; charger<\/strong><\/a>.<\/li>\n\n\n\n<li><strong>Meilleure <\/strong><a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/quest-ce-que-le-seo-un-guide-complet\"><strong>optimisation des moteurs de recherche (SEO)<\/strong><\/a>. Les moteurs de recherche comme Google favorisent les sites web &agrave; chargement rapide et p&eacute;nalisent les sites web lents. Si vos images sont optimis&eacute;es et que votre site Web est rapide, vous avez plus de chances d&rsquo;&ecirc;tre bien class&eacute; dans les pages de r&eacute;sultats des moteurs de recherche (SERP).<\/li>\n\n\n\n<li><strong>&Eacute;conomisez de l&rsquo;espace disque<\/strong>. L&rsquo;optimisation de vos images WordPress vous permettra d&rsquo;utiliser plus efficacement les ressources de votre <a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\">h&eacute;bergement web WordPress<\/a>. Si vos fichiers d&rsquo;images occupent moins d&rsquo;espace, vous aurez plus de place pour ajouter d&rsquo;autres types de contenu et de fonctionnalit&eacute;s &agrave; votre site web.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-4-methodes-faciles-pour-optimiser-les-images-pour-wordpress\"><strong>4 m&eacute;thodes faciles pour optimiser les images pour WordPress<\/strong><\/h2><p>D&eacute;couvrez ci-dessous quatre m&eacute;thodes rapides pour optimiser les images de WordPress.<\/p><h3 class=\"wp-block-heading\">1. Servez les images via un CDN<\/h3><p>Un r&eacute;seau de diffusion de contenu (CDN) est un syst&egrave;me mondial de serveurs qui acc&eacute;l&egrave;re la diffusion du contenu de votre site web, y compris les images, les vid&eacute;os et les feuilles de style. <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/cdn\">Utiliser un CDN<\/a> sur votre site WordPress garantit que les visiteurs re&ccedil;oivent les donn&eacute;es d&rsquo;un serveur proche d&rsquo;eux.<\/p><p>Par exemple, si votre visiteur se trouve en Indon&eacute;sie, il recevra le contenu d&rsquo;un serveur proche, ce qui r&eacute;duit les temps de chargement.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"887\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/Comment-Marche-un-RDC.png\/public\" alt=\"Infographique sur comment fonctionne un CDN\" class=\"wp-image-28869\" title=\"Infographique-sur-comment-fonctionne-un-CDN\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/Comment-Marche-un-RDC.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/Comment-Marche-un-RDC.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/Comment-Marche-un-RDC.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/Comment-Marche-un-RDC.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Vous pouvez mettre en place un CDN s&eacute;par&eacute;ment, en <a href=\"\/fr\/tutoriels\/comment-integrer-cloudflare-a-wordpress\/\">int&eacute;grant Cloudflare &agrave; votre site WordPress<\/a> par exemple. Heureusement, certains h&eacute;bergeurs WordPress infog&eacute;r&eacute;s, comme Hostinger, proposent un CDN dans le cadre de leurs services. Si vous disposez d&rsquo;un plan <strong>Business<\/strong> ou sup&eacute;rieur, activez le CDN d&rsquo;Hostinger en suivant ces &eacute;tapes :<\/p><ol class=\"wp-block-list\">\n<li>Connectez-vous &agrave; <strong>hPanel<\/strong> et acc&eacute;dez &agrave; votre tableau de bord d&rsquo;h&eacute;bergement.<\/li>\n\n\n\n<li>Dans le menu lat&eacute;ral, acc&eacute;dez &agrave; <strong>Performance<\/strong> &rarr; <strong>CDN<\/strong>.<\/li>\n\n\n\n<li>S&eacute;lectionnez <strong>Activer<\/strong> pour activer le CDN.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/CDN-Hostinger-1-1.png\/public\" alt=\"Activer le CDN &agrave; partir du menu CDN de hPanel\" class=\"wp-image-28870\" title=\"CDN-hPanel\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/CDN-Hostinger-1-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/CDN-Hostinger-1-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/CDN-Hostinger-1-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/CDN-Hostinger-1-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>4. En cliquant sur la <strong>fl&egrave;che<\/strong> situ&eacute;e &agrave; c&ocirc;t&eacute; de <strong>Vider le cache<\/strong>, vous pourrez activer la <strong>compression d&rsquo;images WebP<\/strong>, la <strong>minification CSS et JavaScript<\/strong> et l&rsquo;<strong>optimisation intelligente des images<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/optimisation-site-web-hpanel.png\/public\" alt=\"Acc&egrave;s &agrave; l'onglet Optimisation du site web dans le menu CDN de hPanel\" class=\"wp-image-28871\" title=\"optimisation-du-site-web-cdn-hpanel\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/optimisation-site-web-hpanel.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/optimisation-site-web-hpanel.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/optimisation-site-web-hpanel.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/01\/optimisation-site-web-hpanel.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>La propagation du CDN &ndash; ou le processus de mise &agrave; jour et de distribution de votre contenu sur tous les serveurs du r&eacute;seau &ndash; peut prendre de 24 &agrave; 48 heures.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" 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-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\">2. Compressez vos images WordPress<\/h3><p>En compressant les images, vous r&eacute;duirez la taille de leur fichier. Un fichier image compress&eacute; se chargera plus rapidement sur votre page web WordPress, am&eacute;liorant ainsi sa vitesse.<\/p><p>Le moyen le plus rapide de compresser des images sur WordPress est d&rsquo;utiliser une extension de compression d&rsquo;image. Ces extensions font souvent plus que simplement utiliser la compression pour optimiser les images. Nous allons d&eacute;tailler deux extensions qui optimisent les images dans l&rsquo;une des sections suivantes.<\/p><p>Vous pouvez &eacute;galement compresser manuellement vos grandes images avant de les t&eacute;l&eacute;charger sur WordPress en utilisant un logiciel de retouche d&rsquo;image ou un outil gratuit comme <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\"><strong>TinyPNG<\/strong><\/a>.&nbsp;<\/p><p>TinyPNG n&rsquo;accepte pas seulement les images PNG. Il fonctionne avec d&rsquo;autres formats de fichiers d&rsquo;image, notamment WebP et JPEG. Tout ce que vous avez &agrave; faire est de t&eacute;l&eacute;charger l&rsquo;image que vous voulez compresser, et l&rsquo;outil r&eacute;duira sa taille pour vous. L&rsquo;outil peut &eacute;galement compresser plusieurs fichiers &agrave; la fois.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"459\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tiny-PNG-compression-images.png\/public\" alt=\"Capture d'&eacute;cran du site TinyPNG\" class=\"wp-image-20182\" title=\"site-TinyPNG\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tiny-PNG-compression-images.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tiny-PNG-compression-images.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tiny-PNG-compression-images.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tiny-PNG-compression-images.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\">3. Redimensionnez les images<\/h3><p>Une autre fa&ccedil;on d&rsquo;optimiser les images pour WordPress est de redimensionner leurs dimensions en pixels. Heureusement, cette fonctionnalit&eacute; est int&eacute;gr&eacute;e dans le noyau de WordPress.&nbsp;<\/p><p>Par d&eacute;faut, WordPress utilise quatre tailles diff&eacute;rentes pour une m&ecirc;me image :<\/p><ul class=\"wp-block-list\">\n<li><strong>Thumbnail <\/strong>(150 x 150 pixels)<\/li>\n\n\n\n<li><strong>Moyenne <\/strong>(jusqu&rsquo;&agrave; 300 x 300 pixels)<\/li>\n\n\n\n<li><strong>Large <\/strong>(jusqu&rsquo;&agrave; 1024 x 1024 pixels)<\/li>\n\n\n\n<li><strong>Pleine taille <\/strong>(la taille originale de l&rsquo;image)<\/li>\n<\/ul><p>Cela dit, vous pouvez les modifier en fonction de vos pr&eacute;f&eacute;rences. Voici comment modifier la taille par d&eacute;faut des images WordPress via la m&eacute;diath&egrave;que :<\/p><ol class=\"wp-block-list\">\n<li>Ouvrez le tableau de bord de WordPress et allez dans <strong>R&eacute;glages &rarr; M&eacute;dia<\/strong>.<\/li>\n\n\n\n<li>Saisissez <strong>la largeur et la hauteur maximales<\/strong> souhait&eacute;es pour chaque taille.<\/li>\n\n\n\n<li>Cliquez sur <strong>Enregistrer les modifications<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"936\" height=\"856\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-des-medias-WordPress.png\/public\" alt=\"r&eacute;glages des m&eacute;dias sur WordPress \" class=\"wp-image-20184\" title=\"r&eacute;glages-des-m&eacute;dias-sur-WordPress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-des-medias-WordPress.png\/w=936,fit=scale-down 936w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-des-medias-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-des-medias-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-des-medias-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 936px) 100vw, 936px\" \/><\/figure><h3 class=\"wp-block-heading\">4. Nettoyez votre m&eacute;diath&egrave;que WordPress<\/h3><p>Au fur et &agrave; mesure que votre site WordPress se d&eacute;veloppe, sa m&eacute;diath&egrave;que va accumuler beaucoup d&rsquo;images t&eacute;l&eacute;charg&eacute;es. Alors que beaucoup de ces images t&eacute;l&eacute;charg&eacute;es seront pr&eacute;sent&eacute;es sur votre site Web, beaucoup d&rsquo;entre elles pourraient finir par &ecirc;tre inutilis&eacute;es. Par exemple, les images des articles de blog supprim&eacute;s resteront dans votre biblioth&egrave;que multim&eacute;dia.<\/p><p>La pr&eacute;sence de nombreuses images inutilis&eacute;es dans votre biblioth&egrave;que peut ralentir votre site Web, occuper beaucoup d&rsquo;espace sur votre serveur d&rsquo;h&eacute;bergement et rendre la gestion des m&eacute;dias difficile. La cr&eacute;ation et la restauration des sauvegardes du site prendront plus de temps puisque davantage de fichiers y seront inclus.<\/p><p>Avant de nettoyer votre m&eacute;diath&egrave;que WordPress, il est fortement recommand&eacute; de cr&eacute;er d&rsquo;abord <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/sauvegarde-wordpress\"><strong>une sauvegarde compl&egrave;te de votre site Web WordPress<\/strong><\/a>. De cette fa&ccedil;on, vous serez en mesure de restaurer votre site Web &agrave; son &eacute;tat normal si quelque chose ne va pas pendant le nettoyage.<\/p><p>Il existe deux m&eacute;thodes principales pour nettoyer votre m&eacute;diath&egrave;que WordPress &ndash; manuellement ou automatiquement avec une extension WordPress.&nbsp;<\/p><p>Voici comment le faire manuellement en supprimant d&eacute;finitivement les images inutilis&eacute;es :<\/p><ol class=\"wp-block-list\">\n<li>Ouvrez le tableau de bord d&rsquo;administration de WordPress.<\/li>\n\n\n\n<li>Allez dans <strong>M&eacute;dia &rarr; Biblioth&egrave;que<\/strong>.<\/li>\n\n\n\n<li>Vous pouvez supprimer les images inutilis&eacute;es individuellement ou en groupe.<\/li>\n<\/ol><ol class=\"wp-block-list\">\n<li>Pour supprimer une image individuellement, cliquez dessus et s&eacute;lectionnez Supprimer d&eacute;finitivement.<\/li>\n\n\n\n<li>Pour supprimer des images en groupe, cliquez sur S&eacute;lection group&eacute;e, s&eacute;lectionnez les images inutilis&eacute;es, puis cliquez sur Supprimer d&eacute;finitivement.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/WordPress-bibliotheque-media.png\/public\" alt=\"Supprimer des photos sur la biblioth&egrave;que de WordPress \" class=\"wp-image-20186\" title=\"Supprimer-photos-sur-biblioth&egrave;que-de-WordPress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/WordPress-bibliotheque-media.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/WordPress-bibliotheque-media.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/WordPress-bibliotheque-media.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/WordPress-bibliotheque-media.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Et voici comment nettoyer votre m&eacute;diath&egrave;que WordPress en utilisant l&rsquo;extension Media Cleaner :<\/p><ol class=\"wp-block-list\">\n<li>Ouvrez le tableau de bord d&rsquo;administration de WordPress.<\/li>\n\n\n\n<li>Installez et activez l&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/media-cleaner\/\" target=\"_blank\" rel=\"noopener\"><strong>Media Cleaner<\/strong><\/a>.<\/li>\n\n\n\n<li>Naviguez vers M&eacute;dia &rarr; Cleaner.&nbsp;<\/li>\n\n\n\n<li>Cliquez sur <strong>Scan<\/strong>. Les images inutilis&eacute;es appara&icirc;tront en tant que &nbsp;&raquo; Sembles non utilis&eacute;s &nbsp;&raquo; sous la colonne <strong>Issue<\/strong>.<\/li>\n\n\n\n<li>S&eacute;lectionnez les images que vous souhaitez supprimer, puis cliquez sur <strong>Supprimer (nombre d&rsquo;images s&eacute;lectionn&eacute;es) les entr&eacute;es<\/strong>.&nbsp;<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/media-cleaner-plugin.png\/public\" alt=\"Utilisation du plugin Media Cleaner \" class=\"wp-image-20187\" title=\"Utilisation-du-plugin-Media-Cleaner\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/media-cleaner-plugin.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/media-cleaner-plugin.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/media-cleaner-plugin.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/media-cleaner-plugin.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h2 class=\"wp-block-heading\" id=\"h-les-meilleures-extensions-wordpress-pour-loptimisation-des-images\"><strong>Les meilleures extensions WordPress pour l&rsquo;optimisation des images<\/strong><\/h2><p>Une extension d&rsquo;optimisation WordPress optimise les images existantes ainsi que les nouvelles images. Jetez un coup d&rsquo;&oelig;il &agrave; deux <strong>des <\/strong><a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/ajouter-plugin-wordpress\"><strong>meilleures extensions d&rsquo;optimisation d&rsquo;images WordPress que vous pouvez installer<\/strong><\/a> sur votre site Web.<\/p><h3 class=\"wp-block-heading\"><strong>1. <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener\">Optimisation des images et chargement paresseux par Optimole<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/optimole.png\/public\" alt=\"Capture d'&eacute;cran du site Optimole \" class=\"wp-image-20188\" title=\"Capture-d'&eacute;cran-du-site-Optimole\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/optimole.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/optimole.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/optimole.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/optimole.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Statistiques de l&rsquo;extension :<\/p><ul class=\"wp-block-list\">\n<li><strong>T&eacute;l&eacute;chargements :<\/strong> 80,000+<\/li>\n\n\n\n<li><strong>&Eacute;valuation :<\/strong> 4.8\/5<\/li>\n\n\n\n<li><strong>Caract&eacute;ristiques notables :<\/strong> CDN d&rsquo;images, biblioth&egrave;que multim&eacute;dia en cloud, chargement paresseux des images.<\/li>\n\n\n\n<li><strong>Prix :<\/strong> freemium (plans premium &agrave; partir de 21,18 $\/mois)<\/li>\n<\/ul><p>Optimole est un plugin d&rsquo;optimisation qui optimise les images de votre site via un CDN (content delivery network) mondial. Associ&eacute; &agrave; une solution bas&eacute;e sur le cloud, Optimole r&eacute;duit la charge de votre serveur et acc&eacute;l&egrave;re vos temps de chargement.<\/p><p>L&rsquo;extension est livr&eacute;e avec une installation en un clic et des outils automatis&eacute;s. Il suffit de cr&eacute;er un compte et d&rsquo;ins&eacute;rer votre cl&eacute; API pour l&rsquo;activer. Les outils s&rsquo;ex&eacute;cuteront ensuite automatiquement en arri&egrave;re-plan pour optimiser vos images.<\/p><p>La version gratuite d&rsquo;Optimole prend en charge 5 000 visites mensuelles. Vous pouvez acheter l&rsquo;un des deux plans premium pour obtenir plus de visites. <strong>Le plan Optimole Starter<\/strong> co&ucirc;te <strong>21,18 $\/mois<\/strong> pour 25 000 visites, tandis que <strong>le plan Optimole Business<\/strong> prend en charge 100 000 visites mensuelles pour<strong> 43,08 $\/mois<\/strong>.<\/p><p><a href=\"https:\/\/optimole.com\/pricing\/\" target=\"_blank\" rel=\"noopener\"><strong>PRIX<\/strong><\/a><strong> <\/strong>\/ <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener\"><strong>T&Eacute;L&Eacute;CHARGEMENT<\/strong><\/a><\/p><h3 class=\"wp-block-heading\"><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener\"><strong>2. <\/strong>Imagify Image Optimizer<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/imagify.png\/public\" alt=\"Capture d'&eacute;cran du site Imagify \" class=\"wp-image-20189\" title=\"Capture-d'&eacute;cran-du-site-Imagify\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/imagify.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/imagify.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/imagify.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/imagify.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Statistiques de l&rsquo;extension :<\/p><ul class=\"wp-block-list\">\n<li><strong>T&eacute;l&eacute;chargements :<\/strong> 600,000+<\/li>\n\n\n\n<li><strong>&Eacute;valuation :<\/strong> 4.4\/5<\/li>\n\n\n\n<li><strong>Caract&eacute;ristiques notables :<\/strong> auto-optimisation, sauvegarde des images, int&eacute;gration d&rsquo;applications en ligne<\/li>\n\n\n\n<li><strong>Prix :<\/strong> freemium (le plan premium co&ucirc;te <strong>9,99 $\/mois<\/strong>)<\/li>\n<\/ul><p>Imagify augmente la vitesse de votre site Web en redimensionnant et en compressant automatiquement diff&eacute;rents formats d&rsquo;images. Outre les images fixes, Imagify peut &eacute;galement optimiser les graphiques anim&eacute;s.<\/p><p>Imagify dispose de trois param&egrave;tres de compression : <strong>normal<\/strong>, <strong>agressif <\/strong>et <strong>ultra<\/strong>. Normal signifie une compression sans perte, tandis qu&rsquo;agressif et ultra sont des types de compression avec perte. Par rapport &agrave; la compression sans perte, la compression avec perte r&eacute;duit la taille du fichier de mani&egrave;re plus significative au d&eacute;triment d&rsquo;une certaine qualit&eacute; d&rsquo;image.<\/p><p>Le plan gratuit d&rsquo;Imagify limite les utilisateurs &agrave; 20 Mo d&rsquo;images par mois avec une taille maximale de t&eacute;l&eacute;chargement de 2 Mo par image. En revanche, la version premium offre un nombre illimit&eacute; d&rsquo;images pour <strong>9,99 $\/mois<\/strong>.<\/p><p><a href=\"https:\/\/imagify.io\/pricing\" target=\"_blank\" rel=\"noopener\"><strong>PRIX<\/strong><\/a> \/ <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener\"><strong>T&Eacute;L&Eacute;CHARGEMENT<\/strong><\/a><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" 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-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p>Effectuer l&rsquo;optimisation des images sur votre site Web WordPress est tr&egrave;s important pour augmenter sa vitesse de chargement, am&eacute;liorer l&rsquo;exp&eacute;rience utilisateur, mettre en &oelig;uvre un meilleur r&eacute;f&eacute;rencement et &eacute;conomiser de l&rsquo;espace de stockage sur votre serveur d&rsquo;h&eacute;bergement.<\/p><p>Dans cet article, nous avons explor&eacute; quatre fa&ccedil;ons d&rsquo;optimiser les images sur WordPress :<\/p><ol class=\"wp-block-list\">\n<li><strong>Servez les images via un CDN<\/strong>. Choisissez un plan d&rsquo;h&eacute;bergement avec un CDN int&eacute;gr&eacute; comme celui d&rsquo;Hostinger pour livrer rapidement les images &agrave; travers des serveurs p&eacute;riph&eacute;riques distribu&eacute;s dans le monde entier.<\/li>\n\n\n\n<li><strong>Compressez vos images WordPress<\/strong>. Utilisez un programme d&rsquo;&eacute;dition d&rsquo;images ou un outil en ligne comme TinyPNG pour r&eacute;duire rapidement la taille des fichiers d&rsquo;images sans compromettre la qualit&eacute;.<\/li>\n\n\n\n<li><strong>Redimensionnez les fichiers d&rsquo;image<\/strong>. Modifiez les param&egrave;tres de redimensionnement des images par d&eacute;faut sur WordPress.<\/li>\n\n\n\n<li><strong>Nettoyez votre m&eacute;diath&egrave;que WordPress<\/strong>. Supprimez les images inutilis&eacute;es ou dupliqu&eacute;es de votre biblioth&egrave;que multim&eacute;dia WordPress manuellement ou &agrave; l&rsquo;aide d&rsquo;une extension.<\/li>\n<\/ol><p>Si vous recherchez un guide plus complet, consultez notre article sur l&rsquo;optimisation des images pour les performances des sites Web.<\/p><p>Nous esp&eacute;rons que cet article vous a &eacute;t&eacute; utile pour acc&eacute;l&eacute;rer votre site Web WordPress. Bonne chance.<\/p><h2 class=\"wp-block-heading\" id=\"h-faq-sur-loptimisation-des-images-pour-wordpress\"><strong>FAQ sur l&rsquo;optimisation des images pour WordPress<\/strong><\/h2><p>Cette section r&eacute;pondra &agrave; certaines questions fr&eacute;quemment pos&eacute;es sur l&rsquo;optimisation des images pour WordPress.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1668193378094\"><h3 class=\"schema-faq-question\"><strong>WordPress optimise-t-il automatiquement les images ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Oui &ndash; depuis WordPress 4.5, WordPress compresse toutes les images t&eacute;l&eacute;charg&eacute;es &agrave; 82% de leur qualit&eacute; originale. Cependant, ce pourcentage de compression n&rsquo;offre pas une am&eacute;lioration significative de la vitesse du site. Nous recommandons toujours d&rsquo;utiliser les m&eacute;thodes &eacute;num&eacute;r&eacute;es dans cet article.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1668193411152\"><h3 class=\"schema-faq-question\"><strong>Quelle est la meilleure taille d&rsquo;image pour WordPress ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Les tailles recommand&eacute;es pour les diff&eacute;rents types d&rsquo;images dans WordPress sont les suivantes :<br><strong>Images des articles de blog :<\/strong> 1200 x 630 px<br><strong>En-t&ecirc;tes :<\/strong> 1048 x 250 px<br><strong>Vignettes :<\/strong> 150 x 150 px<br><strong>Logos :<\/strong> 200 x 100 px<br><strong>Images vedettes :<\/strong> 1200 x 900 px (paysage) ou 900 x 1200 px (portrait)<br><strong>Images d&rsquo;arri&egrave;re-plan :<\/strong> 1920 x 1080 px<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;optimisation des images pour WordPress peut faire des merveilles pour votre site web. Un site WordPress avec des images bien optimis&eacute;es peut r&eacute;colter des avantages tels qu&rsquo;un temps de chargement rapide, une exp&eacute;rience utilisateur am&eacute;lior&eacute;e et un meilleur r&eacute;f&eacute;rencement. Cet article vous propose de d&eacute;couvrir quatre fa&ccedil;ons faciles d&rsquo;optimiser les images pour WordPress. Nous allons [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/optimiser-images-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":189,"featured_media":16404,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment Optimiser Les Images Sur WordPress","rank_math_description":"Vous souhaitez optimiser vos images sur WordPress\u202f? Cet article vous aidera \u00e0 le faire avec ce guide facile \u00e0 suivre.","rank_math_focus_keyword":"optimiser images wordpress","footnotes":""},"categories":[4777],"tags":[],"class_list":["post-16335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/optimize-images-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/optimiser-images-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-optimizar-imagenes-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-optimasi-gambar-untuk-website-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-optimize-images-for-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-optimize-images-for-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/guia-completa-robots-txt-wordpress-2","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-optimizar-imagenes-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-optimizar-imagenes-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/optimize-images-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/optimize-images-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=16335"}],"version-history":[{"count":13,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16335\/revisions"}],"predecessor-version":[{"id":30977,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16335\/revisions\/30977"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/16404"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=16335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=16335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=16335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}