{"id":368848,"date":"2023-01-11T13:07:00","date_gmt":"2023-01-11T10:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368848"},"modified":"2023-05-07T14:57:48","modified_gmt":"2023-05-07T11:57:48","slug":"tailles-des-images-wordpress-tout-ce-que-vous-devez-savoir","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/tailles-des-images-wordpress-tout-ce-que-vous-devez-savoir\/","title":{"rendered":"Tailles des images WordPress : tout ce que vous devez savoir"},"content":{"rendered":"\n<p>Les images que vous utilisez sur votre site Web <strong>rendent souvent votre contenu plus attrayant et ont souvent le pouvoir de donner une perspective enti\u00e8rement diff\u00e9rente au sujet auquel<\/strong> elles font r\u00e9f\u00e9rence. Mais, ils sont bien plus qu&rsquo;un moyen de garder l&rsquo;attention de votre utilisateur &#8211; ils jouent un r\u00f4le tr\u00e8s important dans le r\u00e9f\u00e9rencement de votre site Web, les classements SERP et peuvent finalement affecter vos taux de conversion.<\/p>\n<p>Afin de profiter de tous les avantages des images, vous devez g\u00e9n\u00e9ralement vous <a href=\"https:\/\/themewp.inform.click\/fr\/optimiser-les-images-dans-wordpress-pour-augmenter-la-vitesse-du-site-web\/\" title=\"assurer que leur taille est ad\u00e9quate\">assurer que leur taille est ad\u00e9quate<\/a>. Dans cet article, vous apprendrez tout ce que vous devez savoir sur la taille des images WordPress et son impact sur votre site Web.<\/p>\n<h2>Explication des tailles par d\u00e9faut des images WordPress<\/h2>\n<p>Lorsque vous t\u00e9l\u00e9chargez une image dans votre m\u00e9diath\u00e8que WP, <strong>WordPress g\u00e9n\u00e8re automatiquement trois versions suppl\u00e9mentaires de cette image et les stocke s\u00e9par\u00e9ment<\/strong>. Vous verrez quatre options d&rsquo;image &#8211; les options <strong>miniature, moyenne, grande et pleine taille<\/strong>. Les trois premi\u00e8res options sont les tailles d&rsquo;image WordPress par d\u00e9faut et l&rsquo;option pleine taille est en fait l&rsquo;image que vous avez t\u00e9l\u00e9charg\u00e9e dans sa taille d&rsquo;origine.<\/p>\n<p>La raison pour laquelle WordPress cr\u00e9e ces options est que la <strong>taille optimale d&rsquo;une image d\u00e9pend de son emplacement sur votre site Web<\/strong>. Par exemple, la r\u00e9solution de l&rsquo;image dans le curseur peut \u00eatre diff\u00e9rente de la r\u00e9solution de l&rsquo;image utilis\u00e9e dans la vignette. \u00c9tant donn\u00e9 que diff\u00e9rentes tailles sont automatiquement cr\u00e9\u00e9es, vous n&rsquo;avez pas besoin d&rsquo;ajuster manuellement la taille de l&rsquo;image si vous souhaitez utiliser la m\u00eame image \u00e0 diff\u00e9rents endroits de votre site.<\/p>\n<p>Les 4 tailles d&rsquo;image diff\u00e9rentes en pixels\u00a0:<\/p>\n<ul>\n<li>150 x 150 pixels &#8211; Taille des miniatures<\/li>\n<li>maximum 300 x 300 pixels \u2013 Taille moyenne<\/li>\n<li>maximum 1024 x 1024 pixels \u2013 Grande taille<\/li>\n<li>Pleine taille &#8211; la taille d&rsquo;origine de l&rsquo;image<\/li>\n<\/ul>\n<h2>Que faire si aucune des tailles d&rsquo;image par d\u00e9faut ne correspond \u00e0 vos besoins\u00a0?<\/h2>\n<p>Comme d&rsquo;habitude dans WordPress, la solution est simple. Voici ce que vous devez faire pour t\u00e9l\u00e9charger des tailles d&rsquo;images personnalis\u00e9es.<\/p>\n<p>Tout d&rsquo;abord, acc\u00e9dez \u00e0 votre <strong>panneau d&rsquo;administration WP<\/strong>. Ensuite, cliquez sur <strong>Param\u00e8tres &gt; M\u00e9dia<\/strong>. Ensuite, ajustez simplement les param\u00e8tres d&rsquo;image par d\u00e9faut dans les param\u00e8tres multim\u00e9dias et cliquez sur Enregistrer lorsque vous avez termin\u00e9.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" alt=\"Tailles des images WordPress : tout ce que vous devez savoir\"><\/a><\/p>\n<p>Si pour une raison quelconque vous trouvez utile de savoir exactement quand vous avez t\u00e9l\u00e9charg\u00e9 chaque image, vous pouvez cocher la case Organiser mes t\u00e9l\u00e9chargements dans des dossiers bas\u00e9s sur le mois et l&rsquo;ann\u00e9e qui s&rsquo;affiche apr\u00e8s toutes les autres options, et toutes les images que vous t\u00e9l\u00e9chargez seront organis\u00e9es chronologiquement.<\/p>\n<h2>Quelle est la meilleure taille d&rsquo;image qui garantit des performances optimales\u00a0?<\/h2>\n<p>Il n&rsquo;y a s\u00fbrement pas de taille d&rsquo;image universelle qui puisse couvrir tous les besoins, mais il existe des r\u00e8gles qui garantissent que vos images seront belles sur diff\u00e9rentes tailles d&rsquo;\u00e9cran. Voici donc <strong>les tailles id\u00e9ales en fonction de l&#8217;emplacement de l&rsquo;image sur votre site<\/strong> :<\/p>\n<ul>\n<li>1200 x 630 pixels \u2013 taille de l&rsquo;image de l&rsquo;article de blog<\/li>\n<li>1048 x 250 pixels \u2013 taille de la banni\u00e8re<\/li>\n<li>1200 x 900 pixels \u2013 paysage<\/li>\n<li>900 x 1200 pixels \u2013 portrait<\/li>\n<li>1920 x 1080 pixels \u2013 Taille de l&rsquo;image d&rsquo;arri\u00e8re-plan WordPress<\/li>\n<li>200 x 100 pixels \u2013 taille de l&rsquo;image du logo<\/li>\n<li>150 x 150 pixels \u2013 taille de l&rsquo;image miniature<\/li>\n<\/ul>\n<h2>Pourquoi devriez-vous optimiser la taille de vos fichiers image\u00a0?<\/h2>\n<p>Comme vous le savez d\u00e9j\u00e0 bien, la vitesse et les performances de votre site sont au c\u0153ur d&rsquo;une exp\u00e9rience utilisateur de qualit\u00e9. Tout ce qui compromet la vitesse et les performances a t\u00f4t ou tard un impact sur de nombreux aspects du succ\u00e8s de votre site. <strong>Chaque image avec une taille de fichier importante affecte la vitesse de votre site, et non de mani\u00e8re positive<\/strong>. Cela signifie que vous devez \u00eatre absolument pratique &#8211; cela n&rsquo;a aucun sens d&rsquo;avoir vos images plus grandes qu&rsquo;elles ne le devraient. <strong>\u00c0 l&rsquo;exception des grandes photos, la taille des images WordPress ne doit pas d\u00e9passer 150 Ko<\/strong>. Mais il n&rsquo;est pas non plus n\u00e9cessaire de les rendre plus petits que n\u00e9cessaire, gardez \u00e0 l&rsquo;esprit que trop de personnalisation peut affecter la qualit\u00e9 de la photo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" alt=\"Tailles des images WordPress : tout ce que vous devez savoir\"><\/a><\/p>\n<h2>Pourquoi la compression d&rsquo;image est importante<\/h2>\n<p>Un moyen simple d&rsquo;am\u00e9liorer rapidement les performances de votre site Web qui ne n\u00e9cessite aucune comp\u00e9tence ou connaissance particuli\u00e8re de votre part consiste \u00e0 compresser les images. <strong>La compression d&rsquo;image am\u00e9liore les performances de votre site sans affecter la qualit\u00e9 de vos images de quelque mani\u00e8re que ce soit<\/strong>.<\/p>\n<p>Il existe une vari\u00e9t\u00e9 d&rsquo; <strong>outils de compression en ligne qui rendent la compression d&rsquo;images incroyablement simple<\/strong>. Il est fortement recommand\u00e9 de compresser chaque image que vous t\u00e9l\u00e9chargez sur votre site Web.<\/p>\n<h2>Images WordPress responsives<\/h2>\n<p>WordPress d\u00e9tecte automatiquement la taille de l&rsquo;image que vous t\u00e9l\u00e9chargez et la classe comme petite, moyenne ou grande. Et comme nous l&rsquo;avons d\u00e9crit pr\u00e9c\u00e9demment, WordPress redimensionne \u00e9galement automatiquement l&rsquo;image, vous fournissant trois tailles d&rsquo;image par d\u00e9faut pour diff\u00e9rents emplacements sur votre site. En mati\u00e8re de r\u00e9activit\u00e9, le processus est \u00e9galement automatis\u00e9. WordPress <strong>fournit \u00e9galement une compatibilit\u00e9 d&rsquo;image r\u00e9active qui permet aux navigateurs Web de choisir par d\u00e9faut la taille d&rsquo;image optimale en fonction de l&rsquo;appareil de l&rsquo;utilisateur<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" alt=\"Tailles des images WordPress : tout ce que vous devez savoir\"><\/a><\/p>\n<h2>Types de fichiers image que vous pouvez t\u00e9l\u00e9charger<\/h2>\n<p>Il existe cinq types diff\u00e9rents de fichiers image que vous pouvez t\u00e9l\u00e9charger sur WordPress\u00a0:<\/p>\n<ul>\n<li>.jpg<\/li>\n<li>.jpeg<\/li>\n<li>.png<\/li>\n<li>.gif<\/li>\n<li>.ico<\/li>\n<\/ul>\n<p>Le t\u00e9l\u00e9chargement de l&rsquo;un de ces types d&rsquo;images permet d&rsquo;ins\u00e9rer les fichiers directement dans les zones de texte WP \u00e0 l&rsquo;aide du bouton Ajouter un m\u00e9dia. Certains autres formats populaires comme les fichiers .svg, .bmp ou .tiff. ne sont pas pris en charge officiellement.<\/p>\n<p>Si vous essayez de t\u00e9l\u00e9charger un type de fichier non pris en charge, vous recevrez une notification disant &quot;D\u00e9sol\u00e9, ce type de fichier n&rsquo;est pas autoris\u00e9 pour des raisons de s\u00e9curit\u00e9&quot;.<\/p>\n<h2>Comment choisir le bon format d&rsquo;image<\/h2>\n<p>G\u00e9n\u00e9ralement, <strong>JPEG est le meilleur choix pour les photos et PNG est le premier choix pour les graphiques<\/strong>. Nous d\u00e9crirons bri\u00e8vement les principales caract\u00e9ristiques des trois types de fichiers les plus couramment utilis\u00e9s\u00a0:<\/p>\n<p><strong>JPEG<\/strong> &#8211; signifie que le groupe d&rsquo;experts photographiques conjoint offre un support pour 16 millions de couleurs. C&rsquo;est \u00e9galement la plus petite taille de fichier pour les photos et garantit donc que l&rsquo;image se charge rapidement et appara\u00eet plus vive.<\/p>\n<p><strong>PNG<\/strong> &#8211; signifie Portable Network Graphic et est le choix par d\u00e9faut pour les graphiques, les logos et les \u00e9l\u00e9ments de site Web similaires. Il n&rsquo;offre pas autant de support de couleurs, mais permet la transparence de l&rsquo;image.<\/p>\n<p><strong>GIF<\/strong> &#8211; signifie Graphics Interchange Format et sa particularit\u00e9 est qu&rsquo;il permet des animations. Il prend \u00e9galement en charge 256 couleurs et la transparence.<\/p>\n<p><strong>SVG<\/strong> \u2013 le plus utilis\u00e9 pour les ic\u00f4nes, les favicons et les logos. Il est tr\u00e8s l\u00e9ger et flexible et donc id\u00e9al pour les petits \u00e9l\u00e9ments de site Web.<\/p>\n<h2>Image SEO &#8211; Pouvez-vous le faire vous-m\u00eame<\/h2>\n<p>Choisir le bon format pour vos images est un aspect important du r\u00e9f\u00e9rencement des images que vous pouvez s\u00fbrement couvrir tout seul. <strong>PNG est recommand\u00e9 pour les images qui exigent une haute qualit\u00e9 et des tailles de fichiers plus grandes, JPG est id\u00e9al pour les petites images car il utilise \u00e0 la fois une optimisation avec et sans perte et peut \u00eatre compress\u00e9 \u00e0 des tailles plus petites tandis que GIF est bas\u00e9 sur une compression sans perte et est la meilleure option pour les images anim\u00e9es<\/strong>.<\/p>\n<p>Une autre chose que vous pouvez faire est d&rsquo;utiliser des balises de titre pr\u00e9cises et descriptives <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-rapidement-une-legende-dimage-wordpress\/\" title=\"pour vos images,\">pour vos images,<\/a> car elles aident les moteurs de recherche \u00e0 comprendre de quoi parle votre image.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/FJ5PKEjfwZU\" frameborder=\"0\"><\/iframe><\/div>\n<p>L&rsquo;un des moyens les plus pratiques d&rsquo;assurer l&rsquo;optimisation de l&rsquo;image consiste \u00e0 utiliser certains des meilleurs plugins d&rsquo;optimisation d&rsquo;image WordPress qui vous permettent d&rsquo;ajuster tous les aspects li\u00e9s \u00e0 la qualit\u00e9 de l&rsquo;image et d&rsquo;assurer des performances optimales du site Web.<\/p>\n<h2>Conseils utiles pour g\u00e9rer les images WordPress<\/h2>\n<p>Vous avez peut-\u00eatre remarqu\u00e9 que le remplacement <a href=\"https:\/\/themewp.inform.click\/fr\/image-en-vedette-wordpress-de-quoi-sagit-il-et-comment-lajouter\/\" title=\"des images en vedette dans WordPress\">des images en vedette dans WordPress<\/a> ou tout autre n&rsquo;est pas une proc\u00e9dure simple et directe. WordPress exige que vous apportiez une modification \u00e0 chaque page contenant l&rsquo;image, ce qui peut vous faire perdre beaucoup de temps. \u00c9tant donn\u00e9 que vous avez g\u00e9n\u00e9ralement besoin que ce type de t\u00e2che soit effectu\u00e9 rapidement, nous vous recommandons <a href=\"https:\/\/themewp.inform.click\/fr\/comment-remplacer-des-images-dans-wordpress-avec-enable-media-replace-plugin\/\" title=\"d'utiliser un plugin pour remplacer les images dans WordPress\">d&rsquo;utiliser un plugin pour remplacer les images dans WordPress<\/a> comme le moyen le plus rapide et le plus simple d&rsquo;effectuer ce type de t\u00e2che sans compromettre les performances de votre site Web.<\/p>\n<p>Les images sont l&rsquo;une des causes les plus courantes de la lenteur de la vitesse de chargement du site Web. La meilleure solution consiste \u00e0 redimensionner les images chaque fois que cela est n\u00e9cessaire ou \u00e0 r\u00e9duire leur taille de fichier en les compressant. Il existe de nombreux outils comme <a href=\"https:\/\/ewww.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l&rsquo;optimiseur d&rsquo;image EWWW<\/a> qui vous aident \u00e0 compresser facilement les images, ou vous pouvez <a href=\"https:\/\/themewp.inform.click\/fr\/comment-changer-la-taille-de-limage-dans-photoshop-en-toute-simplicite\/\" title=\"redimensionner les images dans Photoshop\">redimensionner les images dans Photoshop<\/a>.<\/p>\n<p>Vous aurez souvent besoin de peaufiner vos images avant de les t\u00e9l\u00e9charger. Il y a beaucoup de choses que vous pouvez faire dans WordPress pour <a href=\"https:\/\/themewp.inform.click\/fr\/comment-editer-des-images-dans-wordpress-de-maniere-rapide\/\" title=\"\u00e9diter des images tout seul\">\u00e9diter des images tout seul<\/a>.<\/p>\n<p>La meilleure fa\u00e7on d&rsquo;assurer la qualit\u00e9 de l&rsquo;image si vous n&rsquo;\u00eates pas vous-m\u00eame un photographe professionnel est de profiter des <a href=\"https:\/\/themewp.inform.click\/fr\/les-meilleurs-sites-web-de-photos-gratuites-et-premium\/\" title=\"sites Web de stock de photos gratuits et premium\">sites Web de stock de photos gratuits et premium<\/a>.<\/p>\n<p>Il n&rsquo;y a vraiment pas trop d&rsquo;excuses pour ne pas avoir d&rsquo;images de qualit\u00e9 sur votre site Web. Maintenant que vous connaissez tous les \u00e9l\u00e9ments techniques essentiels sur les tailles d&rsquo;image WordPress, il sera beaucoup plus facile d&rsquo;assurer des performances et une vitesse optimales du site Web. Si vous avez des questions concernant ce sujet, n&rsquo;h\u00e9sitez pas \u00e0 nous contacter dans la section des commentaires.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez tout ce que vous devez savoir sur les tailles d&rsquo;image WordPress et comment cela affecte votre site Web en un seul endroit.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-368848","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/368848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=368848"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/368848\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=368848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=368848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=368848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}