{"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":"cambia-le-dimensioni-dellimmagine-con-il-plugin-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/change-image-size-wp-table-builder\/","title":{"rendered":"Come cambiare la dimensione delle immagini 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\">Risposta rapida<\/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\">Fai clic sull\u2019immagine nella tabella, apri la scheda <strong>Size<\/strong> nelle impostazioni di Image, scegli <strong>Relative to<\/strong> <strong>Container<\/strong> (una percentuale della larghezza della cella) o <strong>Self<\/strong> (una percentuale delle dimensioni proprie dell\u2019immagine, Pro), e imposta <strong>Size<\/strong> in %. Fai clic su <strong>Save<\/strong>. Usa <strong>Image Alignment<\/strong> in <strong>General<\/strong> (scheda) per posizionare l\u2019immagine nella cella.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">La dimensione delle immagini determina quanto spazio occupano foto di prodotti e loghi in ogni cella. Dimensioni uniformi rendono ordinate le tabelle comparative.<\/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\">Requisiti<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Voce<\/th><th>Dettagli<\/th><\/tr><\/thead><tbody><tr><td><strong>Piano<\/strong><\/td><td>Gratis (relativo a Container) e Pro (relativo a Self)<\/td><\/tr><tr><td><strong>Tempo necessario<\/strong><\/td><td>Meno di 1 minuto<\/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\">Passaggi<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Apri la tabella nel builder e fai clic sull\u2019immagine.<\/li>\n\n\n\n<li>Apri <strong>Size<\/strong> (scheda) nel pannello a sinistra.<\/li>\n\n\n\n<li>Scegli <strong>Relative to<\/strong>:<\/li>\n\n\n\n<li><strong>Container<\/strong> dimensiona l\u2019immagine come percentuale della larghezza della cella, quindi si adatta alla tabella.<\/li>\n\n\n\n<li><strong>Self<\/strong> la dimensiona come percentuale delle dimensioni originali dell\u2019immagine (Pro).<\/li>\n\n\n\n<li>Imposta <strong>Size<\/strong> in %, ad esempio 80.<\/li>\n\n\n\n<li>Fai clic su <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\">Consigli per immagini uniformi<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Carica immagini con le stesse proporzioni (ad esempio tutte quadrate) cos\u00ec le righe restano allineate.<\/li>\n\n\n\n<li>Usa <strong>Container<\/strong> (dimensionamento) per le tabelle responsive, perch\u00e9 le immagini si rimpiccioliscono con la cella sugli schermi piccoli.<\/li>\n\n\n\n<li>Attiva il caricamento lazy (Pro) per le tabelle con molte immagini. Vedi <a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/lazy-load-images\/\">Come attivare il caricamento lazy delle immagini nelle tabelle di WP Table Builder<\/a>.<\/li>\n\n\n\n<li>Aggiungi <strong>Image Alt Text<\/strong> nella scheda General per accessibilit\u00e0 e SEO. Vedi <a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/aggiungere-immagine-tabella-wordpress\/\">Immagine<\/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\">Domande frequenti<\/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>Come rimpicciolisco le immagini in una tabella di 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\">Fai clic sull\u2019immagine, apri la scheda Size e riduci la percentuale di 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>Qual \u00e8 la differenza tra Container e 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 dimensiona l\u2019immagine rispetto alla larghezza della cella. Self la dimensiona rispetto alle dimensioni proprie dell\u2019immagine e richiede 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>Perch\u00e9 le mie immagini hanno altezze diverse?<\/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\">Le immagini originali hanno proporzioni diverse. Ritagliale con le stesse proporzioni prima di caricarle.<\/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\">Documenti correlati<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/aggiungere-immagine-tabella-wordpress\/\">Immagine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/aggiungere-limmagine-del-prodotto-di-amazon\/\">Come aggiungere l\u2019immagine di un prodotto Amazon<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/lazy-load-images\/\">Come attivare il caricamento lazy delle immagini nelle tabelle di WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/modifica-laltezza-della-riga-e-la-larghezza-della-colonna-nel-pannello-di-gestione-dei-tabelle-di-wp\/\">Come cambiare l\u2019altezza delle righe e la larghezza delle colonne 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\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/1967\/revisions"}],"predecessor-version":[{"id":24333,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/1967\/revisions\/24333"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=1967"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}