{"id":39943,"date":"2026-01-29T10:10:00","date_gmt":"2026-01-29T09:10:00","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=39943"},"modified":"2026-01-29T10:10:09","modified_gmt":"2026-01-29T09:10:09","slug":"reduire-poids-image","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/","title":{"rendered":"11 techniques pour r\u00e9duire le poids et la taille de vos images"},"content":{"rendered":"\n<p>Vous avez besoin de <strong>r\u00e9duire le poids d&#8217;une image<\/strong>&nbsp;? Que ce soit pour l&#8217;h\u00e9berger sur votre site internet et optimiser le SEO ou pour l&#8217;envoyer par mail, r\u00e9duire le poids et la taille d&#8217;une image est un besoin courant. D\u00e9couvrez 11 m\u00e9thodes pour y parvenir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les techniques pour r\u00e9duire le poids et la taille de vos photos avant mise en ligne<\/h2>\n\n\n\n<p>Il ne suffit pas toujours de simplement <a href=\"https:\/\/www.codeur.com\/blog\/outils-compression-fichiers\/\">compresser un fichier<\/a>. Parfois, il faut modifier son poids, sa taille ou son format pour gagner quelques pr\u00e9cieux octets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Choisir le bon format pour les photos&nbsp;: le JPEG<\/h3>\n\n\n\n<p>Le format JPEG permet de trouver un bon \u00e9quilibre entre la taille et la qualit\u00e9 d\u2019une image photographique. Il est particuli\u00e8rement adapt\u00e9 aux photos et visuels riches en d\u00e9tails.<\/p>\n\n\n\n<p>Attention&nbsp;: pour les images contenant principalement des formes simples, des logos, des ic\u00f4nes ou du texte, un format vectoriel sera souvent plus appropri\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Utiliser le PNG pour les images sans perte de qualit\u00e9<\/h3>\n\n\n\n<p>Le format PNG est id\u00e9al pour les images n\u00e9cessitant une excellente qualit\u00e9 visuelle, notamment celles avec des aplats de couleurs, des contours nets ou de la transparence.<\/p>\n\n\n\n<p>Contrairement au JPEG, le PNG permet une compression sans perte de qualit\u00e9. En revanche, pour des photos tr\u00e8s d\u00e9taill\u00e9es, ce format peut g\u00e9n\u00e9rer des fichiers plus lourds.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Utiliser le format GIF pour les images anim\u00e9es<\/h3>\n\n\n\n<p>Le GIF est le format de r\u00e9f\u00e9rence pour int\u00e9grer de petites animations sur un site web. Il ne perd aucune information lors de la compression, mais sa palette est limit\u00e9e \u00e0 256 couleurs.<\/p>\n\n\n\n<p>Ce format est donc recommand\u00e9 pour des images anim\u00e9es simples, de petite taille, et non pour des photographies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Utiliser les formats SVG et WebP pour le web<\/h3>\n\n\n\n<p>En plus des formats classiques (JPEG, PNG, GIF), certains formats sont particuli\u00e8rement adapt\u00e9s au web&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SVG&nbsp;: format vectoriel compatible avec tous les navigateurs modernes. Les images SVG sont redimensionnables sans perte de qualit\u00e9 et g\u00e9n\u00e9ralement tr\u00e8s l\u00e9g\u00e8res. Google indexe ce format comme les autres fichiers vectoriels.<\/li>\n\n\n\n<li>WebP&nbsp;: format d\u00e9velopp\u00e9 pour le web, id\u00e9al pour les photos. Il permet de r\u00e9duire significativement le poids des images tout en conservant une excellente qualit\u00e9 visuelle.<\/li>\n<\/ul>\n\n\n\n<p>Ces formats am\u00e9liorent nettement le temps de chargement des pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Compresser les images pour r\u00e9duire leur poids<\/h3>\n\n\n\n<p>Vous pouvez utiliser des outils pour supprimer des donn\u00e9es cach\u00e9es dans vos fichiers et qui n\u2019ont pas d\u2019impact sur la qualit\u00e9 visuelle des images.<\/p>\n\n\n\n<p>Il est&nbsp; cependant n\u00e9cessaire d\u2019\u00e9valuer votre <strong>taux de compression<\/strong>. En effet, une compression trop \u00e9lev\u00e9e peut d\u00e9grader la qualit\u00e9 de vos images.<\/p>\n\n\n\n<p>Il existe deux types de compressions&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>La compression avec perte ou Lossy<\/strong> est un format dans lequel certaines donn\u00e9es sont perdues. Vous pouvez largement r\u00e9duire l\u2019image mais la qualit\u00e9 sera d\u00e9grad\u00e9e.<\/li>\n\n\n\n<li><strong>La compression sans perte ou Lossless <\/strong>permet de r\u00e9duire une image sans perte de qualit\u00e9 mais convient \u00e0 des fichiers plus volumineux.<\/li>\n<\/ul>\n\n\n\n<p><strong>\u00c0 lire aussi&nbsp;:&nbsp;<\/strong><a href=\"https:\/\/www.codeur.com\/blog\/compresser-images-en-ligne\/\">14 outils et solutions pour la compression de vos images en ligne<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Remplacer certaines images par des effets CSS3<\/h3>\n\n\n\n<p>Les effets CSS3 (ombres, d\u00e9grad\u00e9s, animations) peuvent remplacer certaines images statiques. Ils offrent une r\u00e9solution ind\u00e9pendante et un rendu tr\u00e8s net.<\/p>\n\n\n\n<p>Cette m\u00e9thode peut r\u00e9duire le nombre d\u2019images et am\u00e9liorer la vitesse de chargement, malgr\u00e9 une l\u00e9g\u00e8re augmentation des fichiers CSS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Remplacer les images de texte par des polices web<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"700\" height=\"309\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/webfonts.jpg\" alt=\"r\u00e9duire poids image avec webfonts\" class=\"wp-image-39950\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/webfonts.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/webfonts-300x132.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/webfonts-370x163.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/webfonts-270x119.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/webfonts-570x252.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n<p>Int\u00e9grer du texte sous forme d\u2019image nuit \u00e0 l\u2019exp\u00e9rience utilisateur&nbsp;: le texte ne peut ni \u00eatre s\u00e9lectionn\u00e9 ni redimensionn\u00e9. Les polices web permettent d\u2019utiliser des typographies \u00e9l\u00e9gantes tout en conservant un texte accessible, modifiable et plus l\u00e9ger.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>\u00c0 lire aussi&nbsp;:<\/strong> <a href=\"https:\/\/www.codeur.com\/blog\/outils-gratuits-creer-webfont\/\">5 outils gratuits pour cr\u00e9er une webfont personnalis\u00e9e<\/a><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">8. Supprimer les m\u00e9tadonn\u00e9es inutiles des images<\/h3>\n\n\n\n<p>Savez-vous que de nombreux fichiers contiennent beaucoup de <strong>donn\u00e9es inutiles <\/strong>? Il peut s\u2019agir des informations g\u00e9ographiques, d\u2019informations sur l\u2019appareil photo ou encore sur la version du <strong>logiciel de retouches photos<\/strong> utilis\u00e9e&#8230;<\/p>\n\n\n\n<p>Supprimer ces donn\u00e9es permet de r\u00e9duire le poids des images sans alt\u00e9rer leur qualit\u00e9 visuelle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Optimiser les images \u00e0 l&#8217;export pour le web<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"629\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web.jpg\" alt=\"Photoshop enregistrer pour le web r\u00e9duire poids image\" class=\"wp-image-39944\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web.jpg 800w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web-300x236.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web-768x604.jpg 768w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web-370x291.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web-270x212.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web-570x448.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/photoshop-enregistrer-pour-le-web-740x582.jpg 740w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>Des logiciels de retouches d\u2019images comme <strong>Photoshop<\/strong> vous permettent d<strong>\u2019optimiser vos images pour le web<\/strong>. Lorsque vous enregistrez votre image sur le logiciel, l\u2019option \u201cenregistrer pour le web\u201d vous permet de r\u00e9duire la taille du fichier tout en conservant sa qualit\u00e9 visuelle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">10. R\u00e9duire la taille de vos images<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"350\" height=\"220\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/dimensions.png\" alt=\"r\u00e9duire taille image\" class=\"wp-image-39945\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/dimensions.png 350w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/dimensions-300x189.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/06\/dimensions-270x170.png 270w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/figure><\/div>\n\n\n<p>Pour r\u00e9duire le poids de vos images, vous pouvez simplement <strong>r\u00e9duire leurs dimensions<\/strong>. Il vous suffit d\u2019utiliser un logiciel de retouches d\u2019images pour modifier les dimensions du fichier et l\u2019enregistrer sous le format le plus adapt\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">11. Regrouper les images avec des sprites CSS<\/h3>\n\n\n\n<p>L\u2019utilisation des sprites CSS permet de combiner plusieurs images c\u00f4te \u00e0 c\u00f4te et d\u2019<strong>augmenter la vitesse de chargement<\/strong> puisque cette technique r\u00e9duit le nombre de requ\u00eates. Vous pouvez utiliser cette technique pour les petites images. Elle n\u00e9cessite cependant la connaissance du langage CSS.<\/p>\n\n\n\n<p>Vous ne ma\u00eetrisez pas le CSS mais souhaitez apprendre&nbsp;? D\u00e9couvrez<a href=\"https:\/\/www.codeur.com\/blog\/sites-apprendre-css-gratuitement\/\" rel=\"bookmark\"> 10+ sites pour apprendre le CSS gratuitement<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9duire le poids et la taille d&#8217;une photo&nbsp;: quels sont les avantages concrets&nbsp;?<\/h2>\n\n\n\n<p>M\u00eame avec des connexions internet rapides, des images lourdes peuvent ralentir votre site et faire fuir vos visiteurs. Optimiser vos images apporte de nombreux avantages concrets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9vitez les rebonds \u00e0 cause du poids des images<\/h3>\n\n\n\n<p>Une page web qui se d\u00e9place comme une tortue et qui, par cons\u00e9quent, prend beaucoup de temps \u00e0 charger, g\u00e9n\u00e8re un taux de rebond tr\u00e8s \u00e9lev\u00e9.<\/p>\n\n\n\n<p>Nous savons d\u00e9j\u00e0 que la patience n&#8217;est pas notre fort et que les utilisateurs quittent la page lorsqu&#8217;ils mettent du temps \u00e0 acc\u00e9der au contenu. Et nous ne voulons pas perdre des utilisateurs \u00e0 cause d&#8217;un chargement lent&nbsp;!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Am\u00e9liorez votre positionnement sur Google<\/h3>\n\n\n\n<p>Les moteurs de recherche Google classent les pages d&#8217;un site internet en fonction de la vitesse de chargement. Par cons\u00e9quent, moins les images ont de poids, plus le score du site est \u00e9lev\u00e9 et plus nous serons bien positionn\u00e9s.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Soyez visible sur tous les appareils<\/h3>\n\n\n\n<p>La tendance de la navigation se d\u00e9place vers les appareils mobiles qui surpassent d\u00e9j\u00e0 la navigation sur ordinateur. Mais la vitesse de navigation de ces appareils (3G ou 4G) est inf\u00e9rieure \u00e0 celle du haut d\u00e9bit ou de la fibre optique. Par cons\u00e9quent, mettre des images qui p\u00e8sent moins lourd aidera le chargement du web sur les t\u00e9l\u00e9phones mobiles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Acc\u00e9l\u00e9rez le t\u00e9l\u00e9chargement des pages<\/h3>\n\n\n\n<p>Certains appareils \u00e9lectroniques (appareils photo, t\u00e9l\u00e9phones, ordinateurs, etc.) ralentissent le chargement des grandes photos non compress\u00e9es. Par exemple, il existe des restrictions sur la lecture des donn\u00e9es \u00e0 partir d&#8217;un lecteur de CD. Ces lecteurs de CD ne peuvent pas afficher correctement les grandes images. \u00c9galement et \u00e0 ce jour, certains services d&#8217;h\u00e9bergement Web exigent des images compress\u00e9es pour cr\u00e9er des sites Web efficaces qui se chargent plus rapidement que les sites concurrents.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adaptez les images \u00e0 chaque \u00e9cran<\/h3>\n\n\n\n<p>Actuellement, les pages Web sont consult\u00e9es sur plusieurs \u00e9crans, tels que les grands moniteurs, les tablettes ou les petits appareils mobiles. Il est conseill\u00e9 d&#8217;utiliser des r\u00e9solutions d&#8217;image diff\u00e9rentes pour chaque appareil, pour autant que le programme d&#8217;\u00e9dition ou de mise en page le permette.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Notre astuce pour r\u00e9duire le poids de vos images<\/h2>\n\n\n\n<p>Vous \u00eates maintenant en mesure de formater toutes vos images pour am\u00e9liorer la performance de votre site web. N\u2019h\u00e9sitez pas \u00e0 investir dans des outils qui vous permettront d\u2019automatiser le processus pour <strong>garantir l\u2019optimisation de vos images<\/strong>.<\/p>\n\n\n\n<p>Vous n&#8217;\u00eates pas satisfait de la qualit\u00e9 et du poids de vos visuels&nbsp;? Postez <a href=\"https:\/\/www.codeur.com\/graphiste\">votre projet graphique<\/a> sur Codeur.com et recevez les devis de nombreux graphistes freelances, rapidement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez besoin de r\u00e9duire le poids d&#8217;une image&nbsp;? Que ce soit pour l&#8217;h\u00e9berger sur votre site internet et optimiser le SEO ou pour l&#8217;envoyer par mail, r\u00e9duire le poids et la taille d&#8217;une image est un besoin courant. D\u00e9couvrez 11 m\u00e9thodes pour y parvenir. Les techniques pour r\u00e9duire le poids et la taille de [&hellip;]<\/p>\n","protected":false},"author":69,"featured_media":95787,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[21],"tags":[39],"class_list":["post-39943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-conseils"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment r\u00e9duire le poids d&#039;une image ?<\/title>\n<meta name=\"description\" content=\"R\u00e9duire le poids de vos images est simple : r\u00e9duisez leurs dimensions, changez de format et compressez-les pour r\u00e9duire leur poids.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment r\u00e9duire le poids d&#039;une image ?\" \/>\n<meta property=\"og:description\" content=\"R\u00e9duire le poids de vos images est simple : r\u00e9duisez leurs dimensions, changez de format et compressez-les pour r\u00e9duire leur poids.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-29T09:10:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-29T09:10:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"C\u00e9dric Reymbaut\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeur\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"C\u00e9dric Reymbaut\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\"},\"author\":{\"name\":\"C\u00e9dric Reymbaut\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\"},\"headline\":\"11 techniques pour r\u00e9duire le poids et la taille de vos images\",\"datePublished\":\"2026-01-29T09:10:00+00:00\",\"dateModified\":\"2026-01-29T09:10:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\"},\"wordCount\":1374,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg\",\"keywords\":[\"Conseils\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\",\"name\":\"Comment r\u00e9duire le poids d'une image ?\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg\",\"datePublished\":\"2026-01-29T09:10:00+00:00\",\"dateModified\":\"2026-01-29T09:10:09+00:00\",\"description\":\"R\u00e9duire le poids de vos images est simple : r\u00e9duisez leurs dimensions, changez de format et compressez-les pour r\u00e9duire leur poids.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg\",\"width\":1200,\"height\":675,\"caption\":\"r\u00e9duire le poids et la taille de vos images\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphisme\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Webdesign\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"11 techniques pour r\u00e9duire le poids et la taille de vos images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\",\"name\":\"C\u00e9dric Reymbaut\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"caption\":\"C\u00e9dric Reymbaut\"},\"description\":\"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/cedric\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment r\u00e9duire le poids d'une image ?","description":"R\u00e9duire le poids de vos images est simple : r\u00e9duisez leurs dimensions, changez de format et compressez-les pour r\u00e9duire leur poids.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment r\u00e9duire le poids d'une image ?","og_description":"R\u00e9duire le poids de vos images est simple : r\u00e9duisez leurs dimensions, changez de format et compressez-les pour r\u00e9duire leur poids.","og_url":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2026-01-29T09:10:00+00:00","article_modified_time":"2026-01-29T09:10:09+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg","type":"image\/jpeg"}],"author":"C\u00e9dric Reymbaut","twitter_card":"summary_large_image","twitter_creator":"@codeur","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"C\u00e9dric Reymbaut","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/"},"author":{"name":"C\u00e9dric Reymbaut","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c"},"headline":"11 techniques pour r\u00e9duire le poids et la taille de vos images","datePublished":"2026-01-29T09:10:00+00:00","dateModified":"2026-01-29T09:10:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/"},"wordCount":1374,"commentCount":4,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg","keywords":["Conseils"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/","url":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/","name":"Comment r\u00e9duire le poids d'une image ?","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg","datePublished":"2026-01-29T09:10:00+00:00","dateModified":"2026-01-29T09:10:09+00:00","description":"R\u00e9duire le poids de vos images est simple : r\u00e9duisez leurs dimensions, changez de format et compressez-les pour r\u00e9duire leur poids.","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/reduire-poids-image\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/03\/reduire-poids-image.jpg","width":1200,"height":675,"caption":"r\u00e9duire le poids et la taille de vos images"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/reduire-poids-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Graphisme","item":"https:\/\/www.codeur.com\/blog\/graphisme\/"},{"@type":"ListItem","position":3,"name":"Webdesign","item":"https:\/\/www.codeur.com\/blog\/graphisme\/webdesign\/"},{"@type":"ListItem","position":4,"name":"11 techniques pour r\u00e9duire le poids et la taille de vos images"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c","name":"C\u00e9dric Reymbaut","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","caption":"C\u00e9dric Reymbaut"},"description":"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.","sameAs":["https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/"],"url":"https:\/\/www.codeur.com\/blog\/author\/cedric\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/39943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=39943"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/39943\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/95787"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=39943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=39943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=39943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}