{"id":662,"date":"2022-08-05T13:14:48","date_gmt":"2022-08-05T13:14:48","guid":{"rendered":"https:\/\/kb.inserm.xyz\/?p=662"},"modified":"2024-09-05T13:04:12","modified_gmt":"2024-09-05T13:04:12","slug":"traitement-des-images","status":"publish","type":"post","link":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/?p=662","title":{"rendered":"Traitement des images"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Les images import\u00e9es sur le site sont trait\u00e9s par WordPress et par plusieurs (trop) de plugins : Optimus, Imsanity, Media Deduper, Regenerate thumbnail, etc. Certains plugins font des traitements automatis\u00e9s, mais on ne sait pas dans quel ordre les plugins s&rsquo;ex\u00e9cutent.<\/p>\n\n\n\n<nav aria-label=\"Table des mati\u00e8res\" class=\"wp-block-table-of-contents\"><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#wordpress\">WordPress<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#optimisation\">Optimisation<\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#imsanity\">Imsanity<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#optimus-hq\">Optimus (HQ)<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#plugin-s-de-cache\">Plugin(s) de cache<\/a><\/li><\/ol><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#ajout-de-fonctionnalites\">Ajout de fonctionnalit\u00e9s<\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#enable-media-replace\">Enable Media Replace<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#media-deduper-pro\">Media Deduper Pro<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#regenerate-thumbnails\">Regenerate Thumbnails<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/media\/traitement-des-images\/#safe-svg\">Safe SVG<\/a><\/li><\/ol><\/li><\/ol><\/nav>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress\">WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Par d\u00e9faut, WordPress d\u00e9coupe plusieurs tailles miniatures (<em lang=\"en\">thumbnail<\/em>) les images import\u00e9es.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Documentation : <a href=\"https:\/\/fr.wordpress.org\/support\/article\/settings-media-screen\/ \">https:\/\/fr.wordpress.org\/support\/article\/settings-media-screen\/ <\/a><\/li>\n\n\n\n<li>Config : <code>Settings &gt; Media<\/code><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"optimisation\">Optimisation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"imsanity\">Imsanity<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/imsanity\/\">Imsanity<\/a> emp\u00eache les importations d&rsquo;images g\u00e9antes, en d\u00e9finissante une taille maximum. Lors de l&rsquo;import, les images non conformes sont retaill\u00e9es pour correspondre. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si Imsanity n&rsquo;\u00e9tait pas actif \u00e0 l&rsquo;import de l&rsquo;image, l&rsquo;image n&rsquo;est pas redimensionn\u00e9e. On peut d\u00e9sactiver Imsanity au besoin pour importer des grandes images.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Config : <code>Settings &gt; Imsanity<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Plugin trouv\u00e9 en BO apr\u00e8s la MEP, mais d\u00e9sactiv\u00e9. Probablement ajout\u00e9 par BeAPI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"optimus-hq\">Optimus (HQ)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/optimus.io\/\">Optimus<\/a> (et sa version payante Optimus HQ) servent \u00e0 all\u00e9ger le poids des images. On utilise la version HQ payante, m\u00eame si c&rsquo;est tr\u00e8s peu visible en back-office. C&rsquo;est un plugin conseill\u00e9 par BeAPI.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Documentation : <a href=\"https:\/\/www.keycdn.com\/support\/optimus\">https:\/\/www.keycdn.com\/support\/optimus<\/a><\/li>\n\n\n\n<li>Config : <code>Settings &gt; Optimus<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Concr\u00e8tement, les images sont envoy\u00e9es \u00e0 un serveur distant qui les compresse. Optimus g\u00e9n\u00e8re aussi des .webp, mais il n&rsquo;est pas certain qu&rsquo;ils soient utilis\u00e9s par notre plugin de cache.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"plugin-s-de-cache\">Plugin(s) de cache<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Quel que soit celui qu&rsquo;on utilise, y&rsquo;a des chances qu&rsquo;il touche aux images. Par exemple pour remplacer nos .jpeg par des .webp.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depuis qu&rsquo;on est pass\u00e9s chez Hosterra, on n&rsquo;a plus aucune id\u00e9e de comment est g\u00e9r\u00e9 le cache, qui a \u00e9t\u00e9 configur\u00e9 par l&rsquo;h\u00e9bergeur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ajout-de-fonctionnalites\">Ajout de fonctionnalit\u00e9s<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"enable-media-replace\">Enable Media Replace<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/enable-media-replace\/\">Enable Media Replace<\/a> permet de remplacer un m\u00e9dia et mettre \u00e0 jour tous les liens vers ce m\u00e9dia. Il sert quand un m\u00e9dia est erron\u00e9, obsol\u00e8te, et doit \u00eatre remplac\u00e9 par une version plus \u00e0 jour.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"media-deduper-pro\">Media Deduper Pro<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.mediadeduper.com\/\">Media Deduper<\/a> sert \u00e0 d\u00e9tecter les m\u00e9dias en doublons et \u00e0 bloquer l&rsquo;import de m\u00e9dias d\u00e9j\u00e0 pr\u00e9sents sur le site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>On utiliser une version modifi\u00e9e du plugin<\/strong>. Pour le mettre \u00e0 jour, il faut sauvegarder nos modifs, mettre \u00e0 jour et les r\u00e9appliquer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette version modifi\u00e9e permet d&rsquo;envoyer des notifs mails aux admins quand le plugin bloque un upload.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"regenerate-thumbnails\">Regenerate Thumbnails<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">Regenerate Thumbnails<\/a> permet de g\u00e9n\u00e9rer \u00e0 nouveau les miniatures d\u00e9coup\u00e9es automatiquement par WordPress. Plugin trouv\u00e9 en BO apr\u00e8s la MEP, tr\u00e8s probablement ajout\u00e9 par BeAPI.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"safe-svg\">Safe SVG<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/plugins\/safe-svg\/\">Safe SVG<\/a> autorise l&rsquo;import de SVG s\u00e9curise les SVG upload\u00e9s. Plugin trouv\u00e9 en BO apr\u00e8s MEP, ajout\u00e9 par BeAPI.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les images import\u00e9es sur le site sont trait\u00e9s par WordPress et par plusieurs (trop) de plugins : Optimus, Imsanity, Media Deduper, Regenerate thumbnail, etc. Certains plugins font des traitements automatis\u00e9s, mais on ne sait pas dans quel ordre les plugins s&rsquo;ex\u00e9cutent. WordPress Par d\u00e9faut, WordPress d\u00e9coupe plusieurs tailles miniatures (thumbnail) les images import\u00e9es. Optimisation Imsanity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","_crdt_document":"","footnotes":""},"categories":[15],"tags":[30],"class_list":["post-662","post","type-post","status-publish","format-standard","hentry","category-admin","tag-image"],"_links":{"self":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=662"}],"version-history":[{"count":4,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/662\/revisions"}],"predecessor-version":[{"id":816,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/662\/revisions\/816"}],"wp:attachment":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}