{"id":1967,"date":"2025-03-11T09:51:11","date_gmt":"2025-03-11T09:51:11","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=1967"},"modified":"2026-11-13T14:09:44","modified_gmt":"2026-11-13T14:09:44","password":"","slug":"modifier-la-taille-de-limage-avec-le-plugin-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/change-image-size-wp-table-builder\/","title":{"rendered":"Comment modifier la taille d\u2019une image dans WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">R\u00e9ponse rapide<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Cliquez sur l\u2019image dans le tableau, ouvrez l\u2019onglet <strong>Size<\/strong> dans les r\u00e9glages Image, choisissez <strong>Relative to<\/strong> <strong>Container<\/strong> (un pourcentage de la largeur de la cellule) ou <strong>Self<\/strong> (un pourcentage de la taille propre de l\u2019image, Pro), et d\u00e9finissez <strong>Size<\/strong> en %. Cliquez sur <strong>Save<\/strong>. Utilisez <strong>Image Alignment<\/strong> dans <strong>General<\/strong> (onglet) pour positionner l\u2019image dans la cellule.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">La taille des images d\u00e9termine la place occup\u00e9e par les photos de produits et les logos dans chaque cellule. Des tailles homog\u00e8nes rendent les tableaux comparatifs plus soign\u00e9s.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4a178d7b-e894-4b55-8d7f-0e6490abdcb8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e9requis<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u00c9l\u00e9ment<\/th><th>D\u00e9tails<\/th><\/tr><\/thead><tbody><tr><td><strong>Offre<\/strong><\/td><td>Gratuit (relatif \u00e0 Container) et Pro (relatif \u00e0 Self)<\/td><\/tr><tr><td><strong>Temps n\u00e9cessaire<\/strong><\/td><td>Moins d\u2019une minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4c41f7ab-b866-4c6a-bcb9-0ebbd9d7d1e0\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00c9tapes<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le tableau dans le constructeur et cliquez sur l\u2019image.<\/li>\n\n\n\n<li>Ouvrez <strong>Size<\/strong> (onglet) dans le panneau de gauche.<\/li>\n\n\n\n<li>Choisissez <strong>Relative to<\/strong>:<\/li>\n\n\n\n<li><strong>Container<\/strong> dimensionne l\u2019image en pourcentage de la largeur de la cellule, elle s\u2019adapte donc au tableau.<\/li>\n\n\n\n<li><strong>Self<\/strong> la dimensionne en pourcentage de la taille d\u2019origine de l\u2019image (Pro).<\/li>\n\n\n\n<li>R\u00e9glez <strong>Size<\/strong> en %, par exemple 80.<\/li>\n\n\n\n<li>Cliquez sur <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b8852550-9a4d-4ee7-9311-cdb9f0622662\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Conseils pour des images homog\u00e8nes<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00e9l\u00e9versez des images aux m\u00eames proportions (par exemple toutes carr\u00e9es) pour que les lignes soient align\u00e9es.<\/li>\n\n\n\n<li>Utilisez <strong>Container<\/strong> (dimensionnement) pour les tableaux responsive, car les images r\u00e9tr\u00e9cissent avec la cellule sur les petits \u00e9crans.<\/li>\n\n\n\n<li>Activez le chargement diff\u00e9r\u00e9 (Pro) pour les tableaux contenant beaucoup d\u2019images. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/lazy-load-images\/\">Comment activer le chargement diff\u00e9r\u00e9 des images de tableau dans WP Table Builder<\/a>.<\/li>\n\n\n\n<li>Ajoutez <strong>Image Alt Text<\/strong> dans l\u2019onglet General pour l\u2019accessibilit\u00e9 et le SEO. Voir <a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-une-image-a-la-table-wordpress\/\">Image<\/a>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_1c6168d4-9dfc-44c2-8040-032512b6778b\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Questions fr\u00e9quentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" style=\"color: #000000; \"><strong>Comment r\u00e9duire la taille des images dans un tableau WP Table Builder ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\">\n\n<p class=\"wp-block-paragraph\">Cliquez sur l\u2019image, ouvrez l\u2019onglet Size et diminuez le pourcentage de Size.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" style=\"color: #000000; \"><strong>Quelle est la diff\u00e9rence entre Container et Self ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\">\n\n<p class=\"wp-block-paragraph\">Container dimensionne l\u2019image par rapport \u00e0 la largeur de la cellule. Self la dimensionne par rapport aux dimensions propres de l\u2019image et n\u00e9cessite Pro.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\" style=\"color: #000000; \"><strong>Pourquoi mes images n\u2019ont-elles pas la m\u00eame hauteur ?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-3a0af405-e1e9-485a-b4af-d8d2d4e13d80\">\n\n<p class=\"wp-block-paragraph\">Les images d\u2019origine ont des proportions diff\u00e9rentes. Recadrez-les aux m\u00eames proportions avant de les t\u00e9l\u00e9verser.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f60973de-2a90-49ba-bbd6-3568816dfaea\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documents associ\u00e9s<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-une-image-a-la-table-wordpress\/\">Image<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/ajouter-limage-du-produit-damazon\/\">Comment ajouter une image de produit Amazon<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/lazy-load-images\/\">Comment activer le chargement diff\u00e9r\u00e9 des images de tableau dans WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/fr\/documents\/modifiez-lechelle-de-la-colonne-et-letendue-de-la-table-wp-table-builder\/\">Comment modifier la hauteur des lignes et la largeur des colonnes dans WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Resize table images relative to the cell or to the image itself.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-1967","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-11","word_count":300,"total_views":"21","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/1967\/revisions"}],"predecessor-version":[{"id":24333,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/1967\/revisions\/24333"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1967"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}