{"id":368730,"date":"2023-01-11T13:24:00","date_gmt":"2023-01-11T10:24:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368730"},"modified":"2023-05-07T15:48:27","modified_gmt":"2023-05-07T12:48:27","slug":"dimensioni-delle-immagini-di-wordpress-tutto-cio-che-devi-sapere","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/dimensioni-delle-immagini-di-wordpress-tutto-cio-che-devi-sapere\/","title":{"rendered":"Dimensioni delle immagini di WordPress: tutto ci\u00f2 che devi sapere"},"content":{"rendered":"\n<p>Le immagini che utilizzi sul tuo sito Web spesso <strong>rendono i tuoi contenuti pi\u00f9 attraenti e spesso hanno il potere di dare una prospettiva completamente diversa all&#8217;argomento<\/strong> a cui si riferiscono. Ma sono molto pi\u00f9 di un modo per mantenere l&#8217;attenzione del tuo utente: svolgono un ruolo molto importante nella SEO del tuo sito web, nelle classifiche SERP e, infine, possono influenzare i tuoi tassi di conversione.<\/p>\n<p>Per poter godere di tutti i vantaggi che le immagini possono fornire, in genere \u00e8 necessario <a href=\"https:\/\/themewp.inform.click\/it\/ottimizza-le-immagini-in-wordpress-per-aumentare-la-velocita-del-sito-web\/\" title=\"assicurarsi che le loro dimensioni siano adeguate\">assicurarsi che le loro dimensioni siano adeguate<\/a>. In questo articolo imparerai tutto ci\u00f2 che devi sapere sulle dimensioni delle immagini di WordPress e su come influisce sul tuo sito web.<\/p>\n<h2>Spiegazione delle dimensioni predefinite dell&#8217;immagine di WordPress<\/h2>\n<p>Quando carichi un&#8217;immagine nella tua libreria multimediale WP, <strong>WordPress genera automaticamente tre versioni aggiuntive di quell&#8217;immagine e le memorizza separatamente<\/strong>. Vedrai quattro opzioni di immagine: le opzioni <strong>miniatura, media, grande e piena<\/strong>. Le prime tre opzioni sono le dimensioni dell&#8217;immagine predefinite di WordPress e l&#8217;opzione a dimensione intera \u00e8 in realt\u00e0 l&#8217;immagine che hai caricato nella sua dimensione originale.<\/p>\n<p>Il motivo per cui WordPress crea queste opzioni \u00e8 che la <strong>dimensione ottimale di un&#8217;immagine dipende dalla sua posizione sul tuo sito web<\/strong>. Ad esempio, la risoluzione dell&#8217;immagine nel dispositivo di scorrimento potrebbe essere diversa dalla risoluzione dell&#8217;immagine utilizzata nella miniatura. Poich\u00e9 vengono create automaticamente dimensioni diverse, non \u00e8 necessario regolare manualmente le dimensioni dell&#8217;immagine se desideri utilizzare la stessa immagine in punti diversi del tuo sito.<\/p>\n<p>Le 4 diverse dimensioni dell&#8217;immagine in pixel:<\/p>\n<ul>\n<li>150 x 150 pixel &#8211; Dimensioni miniatura<\/li>\n<li>massimo 300 x 300 pixel \u2013 Dimensioni medie<\/li>\n<li>massimo 1024 x 1024 pixel \u2013 Grande dimensione<\/li>\n<li>Full size: la dimensione originale dell&#8217;immagine<\/li>\n<\/ul>\n<h2>Cosa succede se nessuna delle dimensioni dell&#8217;immagine predefinite soddisfa le tue esigenze?<\/h2>\n<p>Come di consueto in WordPress, la soluzione \u00e8 semplice. Ecco cosa devi fare per caricare immagini di dimensioni personalizzate.<\/p>\n<p>Per prima cosa, vai al tuo <strong>pannello di amministrazione WP<\/strong>. In secondo luogo, fare clic su <strong>Impostazioni &gt; Media<\/strong>. Quindi regola semplicemente le impostazioni dell&#8217;immagine predefinite nelle Impostazioni multimediali e fai clic su Salva al termine.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca266c59.jpg\" alt=\"Dimensioni delle immagini di WordPress: tutto ci\u00f2 che devi sapere\"><\/a><\/p>\n<p>Se per qualsiasi motivo ritieni utile sapere esattamente quando hai caricato ogni immagine, puoi selezionare la casella Organizza i miei caricamenti in cartelle mensili e annuali che compare dopo tutte le altre opzioni e tutte le immagini che carichi saranno organizzate cronologicamente.<\/p>\n<h2>Qual \u00e8 la migliore dimensione dell&#8217;immagine che garantisce prestazioni ottimali?<\/h2>\n<p>Sicuramente non esiste una dimensione dell&#8217;immagine universale in grado di soddisfare ogni esigenza, ma ci sono regole che assicurano che le tue immagini abbiano un bell&#8217;aspetto su schermi di diverse dimensioni. Quindi, <strong>queste sono le dimensioni ideali a seconda della posizione dell&#8217;immagine sul tuo sito web<\/strong> :<\/p>\n<ul>\n<li>1200 x 630 pixel \u2013 dimensione dell&#8217;immagine del post del blog<\/li>\n<li>1048 x 250 pixel \u2013 dimensione banner<\/li>\n<li>1200 x 900 pixel \u2013 orizzontale<\/li>\n<li>900 x 1200 pixel \u2013 verticale<\/li>\n<li>1920 x 1080 pixel \u2013 Dimensioni dell&#8217;immagine di sfondo di WordPress<\/li>\n<li>200 x 100 pixel \u2013 dimensione dell&#8217;immagine del logo<\/li>\n<li>150 x 150 pixel \u2013 dimensione dell&#8217;immagine in miniatura<\/li>\n<\/ul>\n<h2>Perch\u00e9 dovresti ottimizzare le dimensioni del tuo file immagine?<\/h2>\n<p>Come gi\u00e0 ben sai, la velocit\u00e0 e le prestazioni del tuo sito sono al centro della qualit\u00e0 dell&#8217;esperienza utente. Tutto ci\u00f2 che prima o poi mette a repentaglio la velocit\u00e0 e le prestazioni ha un impatto su molti aspetti diversi del successo del tuo sito. <strong>Ogni immagine con un file di grandi dimensioni influisce sulla velocit\u00e0 del tuo sito e non in modo positivo<\/strong>. Ci\u00f2 significa che devi essere assolutamente pratico: non ha senso avere le tue immagini pi\u00f9 grandi di quanto dovrebbero essere. <strong>Fatta eccezione per le foto di grandi dimensioni, le dimensioni delle immagini di WordPress non dovrebbero essere superiori a 150kb<\/strong>. Ma non \u00e8 nemmeno necessario renderli pi\u00f9 piccoli di quanto dovrebbero essere, tieni presente che troppa personalizzazione pu\u00f2 influire sulla qualit\u00e0 della foto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5ca6c080c.jpg\" alt=\"Dimensioni delle immagini di WordPress: tutto ci\u00f2 che devi sapere\"><\/a><\/p>\n<h2>Perch\u00e9 la compressione delle immagini \u00e8 importante<\/h2>\n<p>Un modo semplice per migliorare rapidamente le prestazioni del tuo sito Web che non richiede abilit\u00e0 o conoscenze speciali da parte tua \u00e8 la compressione delle immagini. <strong>La compressione delle immagini migliora le prestazioni del tuo sito senza influire in alcun modo sulla qualit\u00e0 delle tue immagini<\/strong>.<\/p>\n<p>Esistono numerosi <strong>strumenti di compressione online che rendono incredibilmente semplice la compressione delle immagini<\/strong>. \u00c8 altamente raccomandato comprimere ogni immagine che carichi sul tuo sito web.<\/p>\n<h2>Reattivit\u00e0 alle immagini di WordPress<\/h2>\n<p>WordPress rileva automaticamente la dimensione dell&#8217;immagine che carichi e la classifica come piccola, media o grande. E come abbiamo descritto in precedenza, WordPress ridimensiona automaticamente anche l&#8217;immagine, fornendoti tre dimensioni di immagine predefinite per diverse posizioni sul tuo sito. Quando si tratta di reattivit\u00e0, anche il processo \u00e8 automatizzato. WordPress <strong>fornisce anche la compatibilit\u00e0 delle immagini reattive che consente ai browser Web di scegliere la dimensione ottimale dell&#8217;immagine a seconda del dispositivo dell&#8217;utente per impostazione predefinita<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-324159-633e5cab57315.jpg\" alt=\"Dimensioni delle immagini di WordPress: tutto ci\u00f2 che devi sapere\"><\/a><\/p>\n<h2>Tipi di file immagine che puoi caricare<\/h2>\n<p>Esistono cinque diversi tipi di file immagine che puoi caricare su WordPress:<\/p>\n<ul>\n<li>.jpg<\/li>\n<li>.jpeg<\/li>\n<li>.png<\/li>\n<li>.gif<\/li>\n<li>.ico<\/li>\n<\/ul>\n<p>Il caricamento di uno di questi tipi di immagine consente di inserire i file direttamente nelle aree di testo di WP utilizzando il pulsante Aggiungi media. Alcuni altri formati popolari come file .svg, .bmp o .tiff. non sono supportati ufficialmente.<\/p>\n<p>Nel caso in cui tenti di caricare un tipo di file non supportato, riceverai una notifica che dice &quot;Siamo spiacenti, questo tipo di file non \u00e8 consentito per motivi di sicurezza&quot;.<\/p>\n<h2>Come scegliere il formato immagine corretto<\/h2>\n<p>In genere, <strong>JPEG \u00e8 la scelta migliore per le foto e PNG \u00e8 la prima scelta per la grafica<\/strong>. Descriveremo brevemente le caratteristiche principali dei tre tipi di file pi\u00f9 comunemente utilizzati:<\/p>\n<p><strong>JPEG<\/strong> \u2013 sta per Joint Photo Expert Group che offre supporto per 16 milioni di colori. \u00c8 anche la dimensione del file pi\u00f9 piccola per le foto e quindi assicura che l&#8217;immagine si carichi velocemente e appaia pi\u00f9 vivida.<\/p>\n<p><strong>PNG<\/strong> \u2013 sta per Portable Network Graphic ed \u00e8 la scelta predefinita per grafica, loghi ed elementi simili del sito web. Non offre il supporto di tanti colori, ma consente la trasparenza dell&#8217;immagine.<\/p>\n<p><strong>GIF<\/strong> \u2013 sta per Graphics Interchange Format e la sua caratteristica distintiva \u00e8 che consente le animazioni. Supporta anche 256 colori e trasparenza.<\/p>\n<p><strong>SVG<\/strong> \u2013 il pi\u00f9 utilizzato per icone, favicon e loghi. \u00c8 molto leggero e flessibile e quindi ideale per elementi di siti Web pi\u00f9 piccoli.<\/p>\n<h2>SEO per immagini: puoi farlo da solo<\/h2>\n<p>La scelta del formato giusto per le tue immagini \u00e8 un aspetto importante della SEO delle immagini che puoi sicuramente coprire da solo. <strong>PNG \u00e8 consigliato per immagini che richiedono alta qualit\u00e0 e dimensioni di file pi\u00f9 grandi, JPG \u00e8 ideale per immagini pi\u00f9 piccole poich\u00e9 utilizza l&#8217;ottimizzazione sia con perdita che senza perdita e pu\u00f2 essere compresso a dimensioni pi\u00f9 piccole mentre GIF si basa sulla compressione senza perdita ed \u00e8 l&#8217;opzione migliore per le immagini animate<\/strong>.<\/p>\n<p>Un&#8217;altra cosa che puoi fare \u00e8 utilizzare <a href=\"https:\/\/themewp.inform.click\/it\/come-aggiungere-rapidamente-una-didascalia-di-unimmagine-wordpress\/\" title=\"tag title precisi e descrittivi per le tue immagini\">tag title precisi e descrittivi per le tue immagini<\/a> in quanto aiutano i motori di ricerca a capire di cosa tratta la tua immagine.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/FJ5PKEjfwZU\" frameborder=\"0\"><\/iframe><\/div>\n<p>Uno dei modi pi\u00f9 pratici per garantire l&#8217;ottimizzazione delle immagini \u00e8 utilizzare alcuni dei migliori plugin per l&#8217;ottimizzazione delle immagini di WordPress che consentono di regolare tutti gli aspetti relativi alla qualit\u00e0 dell&#8217;immagine e garantire prestazioni ottimali del sito Web.<\/p>\n<h2>Suggerimenti utili per la gestione delle immagini di WordPress<\/h2>\n<p>Potresti aver notato che la sostituzione <a href=\"https:\/\/themewp.inform.click\/it\/immagine-in-primo-piano-di-wordpress-cose-e-come-aggiungerlo\/\" title=\"delle immagini in primo piano in WordPress\">delle immagini in primo piano in WordPress<\/a> o in qualsiasi altro non \u00e8 una procedura semplice e diretta. WordPress richiede di apportare una modifica su ogni pagina che contiene l&#8217;immagine e ci\u00f2 potrebbe consumare una notevole quantit\u00e0 di tempo. Poich\u00e9 di solito \u00e8 necessario eseguire rapidamente questo tipo di attivit\u00e0, si consiglia <a href=\"https:\/\/themewp.inform.click\/it\/come-sostituire-le-immagini-in-wordpress-con-enable-media-replace-plugin\/\" title=\"di utilizzare un plug-in per sostituire le immagini in WordPress\">di utilizzare un plug-in per sostituire le immagini in WordPress<\/a> come il modo pi\u00f9 semplice e veloce per eseguire questo tipo di attivit\u00e0 senza compromettere le prestazioni del sito Web.<\/p>\n<p>Le immagini sono una delle cause pi\u00f9 comuni della bassa velocit\u00e0 di caricamento del sito web. La soluzione migliore \u00e8 ridimensionare le immagini ogni volta che \u00e8 necessario o ridurne le dimensioni del file comprimendole. Ci sono molti strumenti come <a href=\"https:\/\/ewww.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">EWWW Image optimiser<\/a> che ti aiutano a comprimere facilmente le immagini, oppure puoi <a href=\"https:\/\/themewp.inform.click\/it\/come-modificare-la-dimensione-dellimmagine-in-photoshop-in-modo-semplice\/\" title=\"ridimensionare le immagini in Photoshop\">ridimensionare le immagini in Photoshop<\/a>.<\/p>\n<p>Avrai spesso la necessit\u00e0 di lucidare le tue immagini prima di caricarle. Ci sono molte cose che puoi fare in WordPress per <a href=\"https:\/\/themewp.inform.click\/it\/come-modificare-le-immagini-in-wordpress-in-modo-rapido\/\" title=\"modificare le immagini da solo\">modificare le immagini da solo<\/a>.<\/p>\n<p>Il modo migliore per garantire la qualit\u00e0 dell&#8217;immagine se non sei un fotografo professionista \u00e8 sfruttare <a href=\"https:\/\/themewp.inform.click\/it\/i-migliori-siti-web-di-stock-fotografici-gratuiti-e-premium\/\" title=\"siti Web di stock fotografici gratuiti e premium\">siti Web di stock fotografici gratuiti e premium<\/a>.<\/p>\n<p>Non ci sono davvero troppe scuse per non avere immagini di qualit\u00e0 sul tuo sito web. Ora che conosci tutti gli elementi tecnici essenziali sulle dimensioni delle immagini di WordPress, sar\u00e0 molto pi\u00f9 semplice garantire prestazioni e velocit\u00e0 ottimali del sito Web. In caso di domande su questo argomento, non esitare a contattarci nella sezione commenti.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri tutto ci\u00f2 che devi sapere sulle dimensioni delle immagini di WordPress e su come influisce sul tuo sito Web in un unico posto.<\/p>\n","protected":false},"author":1,"featured_media":364218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-368730","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/368730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=368730"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/368730\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/364218"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=368730"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=368730"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=368730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}