{"id":1083,"date":"2024-04-22T19:20:06","date_gmt":"2024-04-22T19:20:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1083"},"modified":"2024-11-11T12:11:04","modified_gmt":"2024-11-11T12:11:04","password":"","slug":"come-modificare-le-dimensioni-dellimmagine","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/it\/docs\/how-to-change-image-size\/","title":{"rendered":"Change Image Size"},"content":{"rendered":"<p>La modifica delle dimensioni dell'immagine in WordPress si riferisce alla modifica delle dimensioni di un'immagine. Dopo aver caricato un'immagine, il sistema crea automaticamente diverse dimensioni dell'immagine per utilizzarle per scopi diversi sul vostro sito.<\/p>\n\n\n\n<p>Ma queste dimensioni predefinite potrebbero non soddisfare le vostre esigenze personali. Per questo motivo, quando curate il design delle pagine e i contenuti dei post del blog, potreste voler ridimensionare le immagini per riflettere il layout che desiderate.<\/p>\n\n\n\n<p>In questo articolo esploriamo diversi metodi per modificare le dimensioni delle immagini in WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Metodo uno: come modificare le dimensioni delle immagini con l'editor di Gutenberg<\/h2>\n\n\n\n<p>Durante la creazione di contenuti di post e pagine con l'editor Gutenberg, \u00e8 possibile personalizzare le dimensioni delle immagini. Ecco come fare:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 01: selezionare l'immagine<\/h3>\n\n\n\n<p>Selezionare l'immagine nell'editor che si desidera ridimensionare. <\/p>\n\n\n\n<p>Vai al sito <strong>Scheda Impostazioni<\/strong> del blocco immagini nella barra laterale destra. Si vedr\u00e0 il simbolo <strong>Larghezza<\/strong> e <strong>Scatole di altezza<\/strong> sotto la scheda.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp\" alt=\"Cambiare le dimensioni delle immagini in WordPress utilizzando l&#039;editor Gutenberg\" class=\"wp-image-1084\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Change-Image-Size-in-WordPress-Using-the-Gutenberg-Editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 02: Posizionare i valori per ridimensionare l'immagine<\/h3>\n\n\n\n<p><strong>Inserire i valori desiderati<\/strong> nel <strong>Larghezza<\/strong> e <strong>Scatole di altezza<\/strong>. Vedrete che le dimensioni dell'immagine cambiano di conseguenza.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp\" alt=\"\" class=\"wp-image-1085\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Place-the-height-and-width-values.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Aggiornamento<\/strong> il post\/pagina per salvare le modifiche.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Metodo due: come modificare le dimensioni delle immagini dal Catalogo multimediale<\/h2>\n\n\n\n<p>Tutti i file multimediali caricati in WordPress sono memorizzati nella libreria multimediale. \u00c8 possibile ridimensionare le immagini individualmente anche da l\u00ec.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 01: Andare alla libreria multimediale di WordPress<\/h3>\n\n\n\n<p>Vai al sito <strong>Biblioteca multimediale<\/strong> e scegliere l'immagine da ridimensionare.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp\" alt=\"Come modificare le dimensioni delle immagini dalla Libreria multimediale\" class=\"wp-image-1086\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/How-to-Change-Image-Size-From-the-Media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>L'immagine selezionata verr\u00e0 aperta in una nuova finestra. Fare clic sul pulsante <strong>Pulsante Modifica immagine<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp\" alt=\"Modifica dell&#039;immagine nella libreria multimediale di WordPress\" class=\"wp-image-1087\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Edit-image-in-the-WordPress-media-Library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 02: Ritagliare l'immagine<\/h3>\n\n\n\n<p>Fare clic sul pulsante <strong>Pulsante di ritaglio<\/strong>. \u00c8 possibile selezionare manualmente l'area dell'immagine da ritagliare. Premere il tasto <strong>Pulsante Applica ritaglio<\/strong> finalmente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp\" alt=\"Ritagliare l&#039;immagine\" class=\"wp-image-1088\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Crop-the-image-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p><strong>Salvare le modifiche<\/strong> alla fine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Terzo metodo: Impostare le impostazioni dei supporti per diverse dimensioni di immagine<\/h2>\n\n\n\n<p>Una volta impostate le dimensioni preferite delle immagini, qualsiasi immagine caricata su WordPress verr\u00e0 automaticamente ottimizzata in base a tali dimensioni. Non \u00e8 pi\u00f9 necessario ridimensionarle singolarmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passo 01: andare alle Impostazioni multimediali<\/h3>\n\n\n\n<p>Vai a <strong>Impostazioni &gt; Media<\/strong> dal cruscotto di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp\" alt=\"Andate alle Impostazioni multimediali di WordPress\" class=\"wp-image-1089\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Go-to-Media-Settings-in-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Inserire i valori desiderati in base al tipo di immagine nelle rispettive caselle di larghezza e altezza. Premete il tasto <strong>Salva le modifiche<\/strong> alla fine.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp\" alt=\"Impostare le impostazioni dei supporti per le diverse dimensioni delle immagini\" class=\"wp-image-1090\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Set-Media-Settings-for-Different-Image-Sizes-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>In questo modo, \u00e8 possibile modificare le dimensioni delle immagini in vari modi sul proprio sito web WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusione<\/h2>\n\n\n\n<p>Essere in grado di modificare le dimensioni delle immagini \u00e8 un'abilit\u00e0 importante per qualsiasi utente di WordPress. Che siate web designer o creatori di contenuti, dovete saperlo per migliorare la qualit\u00e0 del vostro design e della creazione di contenuti.<\/p>\n\n\n\n<p>Ma ricordate di comprimere tutte le immagini e di impostare un rapporto di aspetto prima di caricarle. Questo aiuter\u00e0 a preservare l'integrit\u00e0 visiva delle immagini e a mantenere il sito veloce e leggero.<\/p>","protected":false},"excerpt":{"rendered":"<p>Changing the image size in WordPress refers to modifying the dimensions of an image. After uploading an image, it automatically creates several sizes of the image to serve them for different purposes on your site. But these default sizes may not meet your personal needs. So when curating page design and blog post content, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[126],"doc_tag":[53,52],"class_list":["post-1083","docs","type-docs","status-publish","hentry","doc_category-functionality-controls","doc_tag-change-image-size","doc_tag-image-size"],"year_month":"2026-04","word_count":436,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Functionality &amp; Controls","term_url":"https:\/\/tableberg.com\/it\/docs-category\/functionality-controls\/"}],"doc_tag_info":[{"term_name":"Change Image Size","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/change-image-size\/"},{"term_name":"Image Size","term_url":"https:\/\/tableberg.com\/it\/docs-tag\/image-size\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1083\/revisions"}],"predecessor-version":[{"id":2226,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/1083\/revisions\/2226"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_category?post=1083"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_tag?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}