{"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":"andern-der-bildgrose-mit-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/change-image-size-wp-table-builder\/","title":{"rendered":"So \u00e4ndern Sie die Bildgr\u00f6\u00dfe in 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\">Kurze Antwort<\/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\">Klicken Sie in der Tabelle auf das Bild, \u00f6ffnen Sie den Tab <strong>Size<\/strong> in den Image-Einstellungen, w\u00e4hlen Sie <strong>Relative to<\/strong> <strong>Container<\/strong> (ein Prozentsatz der Zellenbreite) oder <strong>Self<\/strong> (ein Prozentsatz der eigenen Bildgr\u00f6\u00dfe, Pro), und legen Sie <strong>Size<\/strong> in % fest. Klicken Sie auf <strong>Save<\/strong>. Verwenden Sie <strong>Image Alignment<\/strong> auf <strong>General<\/strong> (Tab), um das Bild in der Zelle zu positionieren.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Die Bildgr\u00f6\u00dfe bestimmt, wie viel Platz Produktfotos und Logos in jeder Zelle einnehmen. Einheitliche Bildgr\u00f6\u00dfen lassen Vergleichstabellen aufger\u00e4umt wirken.<\/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\">Voraussetzungen<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Punkt<\/th><th>Details<\/th><\/tr><\/thead><tbody><tr><td><strong>Tarif<\/strong><\/td><td>Kostenlos (relativ zu Container) und Pro (relativ zu Self)<\/td><\/tr><tr><td><strong>Ben\u00f6tigte Zeit<\/strong><\/td><td>Unter 1 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\">Schritte<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u00d6ffnen Sie die Tabelle im Builder und klicken Sie auf das Bild.<\/li>\n\n\n\n<li>\u00d6ffnen Sie <strong>Size<\/strong> (Tab) im linken Bereich.<\/li>\n\n\n\n<li>W\u00e4hlen Sie <strong>Relative to<\/strong>:<\/li>\n\n\n\n<li><strong>Container<\/strong> skaliert das Bild als Prozentsatz der Zellenbreite, sodass es sich der Tabelle anpasst.<\/li>\n\n\n\n<li><strong>Self<\/strong> skaliert es als Prozentsatz der Originalgr\u00f6\u00dfe des Bildes (Pro).<\/li>\n\n\n\n<li>Legen Sie <strong>Size<\/strong> in % fest, zum Beispiel 80.<\/li>\n\n\n\n<li>Klicken Sie auf <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\">Tipps f\u00fcr einheitliche Bilder<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Laden Sie Bilder mit demselben Seitenverh\u00e4ltnis hoch (zum Beispiel alle quadratisch), damit die Zeilen b\u00fcndig sind.<\/li>\n\n\n\n<li>Verwenden Sie <strong>Container<\/strong> (Gr\u00f6\u00dfenanpassung) f\u00fcr responsive Tabellen, weil Bilder auf kleinen Bildschirmen mit der Zelle schrumpfen.<\/li>\n\n\n\n<li>Aktivieren Sie Lazy Loading (Pro) f\u00fcr Tabellen mit vielen Bildern. Siehe <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/lazy-load-images\/\">So aktivieren Sie Lazy Loading f\u00fcr Tabellenbilder in WP Table Builder<\/a>.<\/li>\n\n\n\n<li>F\u00fcgen Sie <strong>Image Alt Text<\/strong> im Tab General hinzu, f\u00fcr Barrierefreiheit und SEO. Siehe <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/bild-hinzufugen-in-der-wordpress-tabelle\/\">Bild<\/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\">H\u00e4ufig gestellte Fragen<\/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>Wie verkleinere ich Bilder in einer Tabelle von 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\">Klicken Sie auf das Bild, \u00f6ffnen Sie den Tab Size und verringern Sie den Prozentwert bei 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>Was ist der Unterschied zwischen Container und 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 skaliert das Bild relativ zur Zellenbreite. Self skaliert es relativ zu den eigenen Abmessungen des Bildes und erfordert 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>Warum sind meine Bilder unterschiedlich hoch?<\/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\">Die Originalbilder haben unterschiedliche Seitenverh\u00e4ltnisse. Schneiden Sie sie vor dem Hochladen auf dasselbe Verh\u00e4ltnis zu.<\/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\">Verwandte Dokumente<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/bild-hinzufugen-in-der-wordpress-tabelle\/\">Bild<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/amazon-produktbild-hinzufugen\/\">So f\u00fcgen Sie ein Amazon-Produktbild hinzu<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/lazy-load-images\/\">So aktivieren Sie Lazy Loading f\u00fcr Tabellenbilder in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/andern-sie-die-zeilenhohe-und-die-spaltenbreite-in-der-wp-table-builder\/\">So \u00e4ndern Sie Zeilenh\u00f6he und Spaltenbreite in 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\/de\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/1967\/revisions"}],"predecessor-version":[{"id":24333,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/1967\/revisions\/24333"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=1967"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}