Questo aumenter\u00e0 anche le possibilit\u00e0 di condivisione dei vostri post, il che si tradurr\u00e0 in maggiore visibilit\u00e0 e traffico. Le statistiche rivelano che i lettori dopo tre giorni ricordano solo il 10% del contenuto testuale che leggono, ma questo sale al 65% se si aggiungono al contenuto immagini accattivanti.<\/p>\n
In questa guida completa, imparerete tutto quello che c’\u00e8 da sapere sulle dimensioni delle immagini di WordPress.<\/p>\n
Pronti? Andiamo!<\/p>\n
Preferite guardare la versione video<\/a>?<\/h3>\n<\/kinsta-video><\/p>\nIn che Modo Vengono Gestite da WordPress le Immagini Caricate<\/h2>\n
Caricare le immagini su WordPress<\/a> \u00e8 molto semplice, ma quando WordPress prende in carico le vostre immagini, nel back-end succedono molte cose.<\/p>\nLa prima cosa che fa WordPress quando caricate un’immagine \u00e8 creare tre diverse dimensioni della vostra immagine. Ci\u00f2 significa che vi ritrovate con quattro immagini per ogni immagine caricata:<\/p>\n
\n- Miniatura<\/li>\n
- Media<\/li>\n
- Grande<\/li>\n
- Dimensione originale<\/li>\n<\/ul>\n
WordPress crea tutte queste copie dell’immagine in dimensioni diverse per servire le vostre immagini nelle dimensioni pi\u00f9 appropriate per ogni visitatore. Il vostro sito web visualizzer\u00e0 sempre le immagini corrette ai vostri lettori in base al dispositivo che stanno utilizzando<\/a>, velocizzando e migliorando la loro esperienza.<\/p>\nPotreste sempre modificare le vostre immagini manualmente per fornire delle dimensioni aggiuntive, ma farlo in modo accurato in uno strumento come Photoshop non \u00e8 impresa da poco. Comporter\u00e0 una buona dose di lavoro noioso, ed \u00e8 per questo che WordPress vi risparmia la fatica.<\/p>\n\n
Le Dimensioni delle Immagini di WordPress: Cose Essenziali da Tenere Presenti<\/h2>\n
Prima di addentrarci negli aspetti pi\u00f9 tecnici in relazione alle dimensioni delle immagini di WordPress, \u00e8 necessario tenere in considerazione alcuni punti critici.<\/p>\n
Abbiamo gi\u00e0 detto che WordPress crea tre dimensioni predefinite delle immagini, ma cosa succede se avete bisogno di una dimensione diversa da quella predefinita di WordPress? E se volete pi\u00f9 dimensioni in generale?<\/p>\n
Buone notizie! Potete farlo facilmente. WordPress vi permette di cambiare le dimensioni predefinite delle immagini e di aggiungere tutte le dimensioni che volete. Lo spiegheremo pi\u00f9 in dettaglio tra un po’.<\/p>\n
Ma prima di arrivare a questo, dovete sapere che ci sono dei requisiti specifici perch\u00e9 tutto funzioni come dovrebbe.<\/p>\n
Uno di questi \u00e8 che dovreste provare a caricare le vostre immagini nella dimensione pi\u00f9 grande<\/a> di cui avrete bisogno. Anche se WordPress la render\u00e0 pi\u00f9 piccola per i dispositivi pi\u00f9 piccoli, user\u00e0 il full-size (dimensione originale) dove l’immagine deve essere al massimo.<\/p>\nSupponiamo che carichiate un’immagine pi\u00f9 piccola della dimensione pi\u00f9 grande che avete definito in WordPress. In questo caso, WordPress non visualizzer\u00e0 correttamente quella particolare immagine nella dimensione pi\u00f9 grande. In pi\u00f9, ci sar\u00e0 una notevole perdita di qualit\u00e0.<\/p>\n
Detto questo, dovete anche assicurarvi di non caricare immagini pi\u00f9 grandi di quanto dovrebbe essere la dimensione pi\u00f9 grande. WordPress non user\u00e0 mai tali immagini perch\u00e9 sono troppo grandi e assorbiranno spazio inutile sul vostro server<\/a>.<\/p>\nPer questo dovreste controllare la dimensione dell’immagine che state caricando e assicurarvi che corrisponda alla dimensione massima prevista prima di caricarla su WordPress, ma non deve essere pi\u00f9 grande di cos\u00ec.<\/p>\n
Come e Dove WordPress Memorizza le Immagini?<\/h2>\n
All’interno del pannello di amministrazione, WordPress colloca le immagini caricate nella Media Library<\/a>. Potete visualizzare tutte le vostre immagini passando il mouse sulla voce Media e cliccando su Libreria.<\/p>\n![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/wordpress-media-library.jpg\")
La libreria media di WordPress<\/figcaption><\/figure>\nPotete ordinarle per tipo di media (immagine, video, audio, ecc.) e per data. Tenete presente per\u00f2 che sarete in grado di ordinare le immagini per data solo se non avete disabilitato questa funzione nelle Impostazioni<\/strong>.<\/p>\nSulla destra c’\u00e8 anche una casella di ricerca per aiutarvi a rintracciare le vostre immagini. Per trovarla basta digitare una parola che avete usato nel titolo, nella didascalia o nella descrizione dell’immagine.<\/p>\n
Le vostre immagini sono memorizzate nella cartella uploads del vostro sito (wp-content\/uploads\/<\/strong>). Per accedere a questa cartella, dovrete usare un client FTP\/SFTP<\/a>. All’interno della cartella uploads del vostro sito ci saranno pi\u00f9 sottodirectory che contengono le vostre immagini per data di caricamento (supponendo che non abbiate cambiato l’opzione per ordinare le immagini per data nelle impostazioni<\/strong>).<\/p>\nPotete anche creare cartelle personalizzate per i vostri file multimediali<\/a>, ma vi consigliamo di farlo solo se vi considerate utenti avanzati.<\/p>\nQuali Sono le Dimensioni Predefinite delle Immagini di WordPress?<\/h2>\n
Abbiamo sempre quattro diverse dimensioni di immagini: il vostro file immagine originale e le tre diverse dimensioni create da WordPress.<\/p>\n
\n- Dimensione delle miniature: <\/strong>150px (quadrata)<\/li>\n
- Dimensione media:<\/strong> Larghezza e altezza massime di 300px<\/li>\n
- Dimensione grande:<\/strong> Larghezza e altezza massime di 1024px<\/li>\n
- Dimensione piena:<\/strong> La dimensione originale della vostra immagine<\/li>\n<\/ul>\n
Come abbiamo detto prima, dovrete caricare le immagini a 1024px se avete intenzione di usare solo queste dimensioni predefinite delle immagini. Questo vi permetter\u00e0 di servire correttamente le vostre immagini anche alla dimensione pi\u00f9 grande, cosa che potrebbe non essere possibile se la vostra immagine ha una dimensione pi\u00f9 piccola della dimensione pi\u00f9 grande che viene utilizzata da WordPress (che di default \u00e8 1024px).<\/p>\n
Qual \u00e8 la dimensione ideale delle immagini in primo piano su WordPress?<\/h2>\n
Le immagini in evidenza di WordPress sono fondamentali per il coinvolgimento dei lettori. Come la copertina di un libro, l’immagine in evidenza offre un’anteprima di ci\u00f2 che accadr\u00e0 nel contenuto.<\/p>\n
La maggior parte delle immagini compare negli articoli di WordPress, ma possono essere incluse anche nelle pagine e nei tipi di post personalizzati. Poich\u00e9 l’immagine in evidenza pu\u00f2 essere visualizzata dai motori di ricerca e dai siti web dei social media, \u00e8 fondamentale scegliere la dimensione giusta.<\/p>\n
Anche se ci sono opinioni diverse sull’argomento, il consenso generale \u00e8 che la dimensione ideale dell’immagine in evidenza di WordPress \u00e8 di circa 1200 \u00d7 630 pixel<\/strong>. Un’immagine di queste dimensioni dovrebbe adattarsi correttamente al vostro sito, indipendentemente dalle dimensioni dello schermo di chi legge.<\/p>\nVale anche la pena di notare che per rendere le vostre pagine idonee al feed di Google Discover<\/a> (un’ottima fonte di traffico aggiuntivo da parte di Google), Google sottolinea<\/a> che la dimensione dell’immagine principale di WordPress deve essere di almeno 1.200 pixel.<\/p>\nMa \u00e8 questa la dimensione predefinita dell’immagine in evidenza di WordPress?<\/p>\n
Potrebbe essere una sorpresa, ma WordPress non prevede un’impostazione per le dimensioni delle immagini in primo piano. Al contrario, le immagini in primo piano hanno come dimensione predefinita quella del caricamento originale, a meno che non siano limitate dal design del sito o a meno che non si selezioni una delle altre dimensioni predefinite di WordPress (come “Media” o “Grande”).<\/p>\n
Tuttavia, molti temi di WordPress<\/a>, compreso il tema predefinito di WordPress, Twenty Twenty-One<\/a>, impostano le proprie dimensioni personalizzate per le immagini in primo piano, quindi assicuratevi di controllare prima le impostazioni del vostro tema<\/a>.<\/p>\nQual \u00c8 la Dimensione Ideale dell’Immagine di Header di WordPress?<\/h2>\n
Analogamente alle immagini in evidenza, le immagini di header possono dare a chi legge un’anteprima del tema e dell’atmosfera della pagina. Anche se non sono predisposte per essere condivise nelle pagine dei risultati di ricerca o nei feed dei social media, \u00e8 comunque importante che abbiano le dimensioni giuste per una questione di velocit\u00e0<\/a> e integrit\u00e0 del sito.<\/p>\nPoich\u00e9 le immagini di header dipendono spesso dal design del sito, le loro dimensioni possono variare notevolmente. Non esiste uno scenario “uguale per tutte le situazioni”, quindi \u00e8 meglio prendere in considerazione il design e la reattivit\u00e0 del sito prima di scegliere le dimensioni dell’immagine di header di WordPress.<\/p>\n
Detto questo, chi sviluppa temi raccomanda che le immagini dell’header di WordPress si attengano a un rapporto di 16:9<\/strong>, come per esempio:<\/p>\n\n- 1920 \u00d7 1080 pixels<\/li>\n
- 1280 \u00d7 720 pixels<\/li>\n
- 1152 \u00d7 648 pixels<\/li>\n<\/ul>\n
Come per le immagini in primo piano, WordPress non stabilisce una dimensione predefinita per le immagini di header. Tuttavia, il vostro tema potrebbe avere un’opzione per personalizzare le dimensioni dell’header attraverso le impostazioni del tema, nel menu Aspetto<\/a><\/strong>.<\/p>\nSe il tema scelto non offre un’opzione per modificare le dimensioni dell’immagine dell’header di WordPress, potete comunque regolarle da voi. Vediamo come fare pi\u00f9 avanti.<\/p>\n
Come Cambiare le Dimensioni Predefinite delle Immagini (e Quando \u00e8 Necessario)<\/h2>\n
Anche se le dimensioni predefinite delle immagini di WordPress vanno bene per la maggior parte degli utenti, alcuni possono avere esigenze diverse. Potreste preferire una dimensione leggermente pi\u00f9 grande per le vostre miniature o una dimensione pi\u00f9 piccola per le immagini grandi.<\/p>\n
Cambiare le dimensioni predefinite delle immagini in WordPress avrebbe senso se vi ritrovate a modificare la maggior parte delle immagini che state caricando perch\u00e9 le dimensioni predefinite di WordPress non sono adatte al vostro caso.<\/p>\n
Prima di aggiungere nuove dimensioni di immagini personalizzate diverse da quelle predefinite, sappiate che memorizzerete molti pi\u00f9 file immagine nel database del vostro sito<\/a> di quanto potrebbe essere necessario. Questo potrebbe portare a problemi di prestazioni per il vostro sito e consumare pi\u00f9 spazio del dovuto.<\/p>\nLo stesso vale per i siti basati su immagini che hanno bisogno di attenersi a dimensioni specifiche. I fotografi<\/a>, i designer e tutti i siti che servono immagini pesanti amano avere dimensioni coerenti in tutto il sito per garantire uniformit\u00e0.<\/p>\nAllo stesso modo, anche alcune landing page<\/a> hanno bisogno di visualizzare immagini di dimensioni particolari e le dimensioni predefinite di WordPress potrebbero non essere adatte. E un negozio ecommerce<\/a> ha normalmente bisogno di utilizzare miniature pi\u00f9 grandi, che rivelano maggiori dettagli.<\/p>\nCi sono molte altre ragioni per cui cambiare le dimensioni predefinite delle immagini, ma questo per darvi l’idea.<\/p>\n
Anche WordPress lo capisce, ed \u00e8 per questo che vi permette di cambiare le impostazioni predefinite.<\/p>\n
Come Cambiare le Dimensioni Predefinite delle Immagini di WordPress<\/h3>\n
Ecco la procedura passo passo per cambiare le dimensioni predefinite delle immagini in WordPress<\/a>.<\/p>\nPasso 1:<\/strong> Passate il mouse su Impostazioni<\/strong> e fate clic sull’opzione Media<\/strong>:<\/p>\n![\"Impostazioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/Media-settings.png\")
Impostazioni Media di WordPress per cambiare le dimensioni predefinite delle immagini<\/figcaption><\/figure>\nPasso 2: <\/strong>Cambiate le dimensioni inserendo i valori che volete modificando le cifre come si vede nell’esempio qui sotto:<\/p>\n![\"Esempi](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/changed-image-sizes.png\")
Esempi di modifica delle dimensioni delle immagini Nelle Impostazioni Media<\/figcaption><\/figure>\nPasso 3: <\/strong>Cliccate sul pulsante Salva modifiche<\/strong> in basso.<\/p>\nTutte le immagini che caricate da questo momento in poi avranno di default queste nuove dimensioni.<\/p>\n
Alcuni tutorial suggeriscono di inserire “0” per le dimensioni predefinite delle immagini. Ma noi vi consigliamo di non farlo, anche se potrebbe aiutarvi a risparmiare spazio.<\/p>\n
Se cambiate questi valori a “0”, allora WordPress user\u00e0 la vostra immagine a grandezza naturale (originale) in tutte le posizioni e su tutti i dispositivi, il che potrebbe causare un enorme picco nell’utilizzo della larghezza di banda sul vostro sito. Inoltre, questo rallenterebbe quasi certamente il tempo di caricamento della pagina per le sezioni del sito in cui queste immagini vengono visualizzate.<\/p>\n
Come Aggiungere Dimensioni Personalizzate delle Immagini a WordPress<\/h2>\n
Se avete bisogno di assegnare queste nuove dimensioni a tutte le vostre immagini di WordPress caricate in precedenza, potete utilizzare diversi ottimi plugin che analizzeremo in dettaglio qui sotto.<\/p>\n
Per gli utenti che tendono a utilizzare molti tipi di immagini, pu\u00f2 essere essenziale avere pi\u00f9 dimensioni rispetto alle tre dimensioni predefinite di WordPress.<\/p>\n
Le dimensioni predefinite delle immagini possono essere sufficienti per i tipi standard di immagini, ma per cose come la grafica pop-up, i widget<\/a> o le immagini a scorrimento<\/a>, potreste aver bisogno di immagini a pi\u00f9 dimensioni.<\/p>\nLe dimensioni personalizzate delle immagini vi offrono la flessibilit\u00e0 che vi serve per migliorare la funzionalit\u00e0 del vostro sito WordPress e risparmiare un sacco di tempo per ridimensionare le immagini una per una.<\/p>\n
Ora che abbiamo stabilito questo, diamo un’occhiata pi\u00f9 da vicino al procedura da seguire per aggiungere dimensioni personalizzate alle immagini del vostro sito WordPress.<\/p>\n
Avete due opzioni. La prima \u00e8 quella di utilizzare un plugin che gestisce tutto per voi con pochi clic. La seconda \u00e8 aggiungere manualmente le stringhe di codice necessarie ai file del vostro sito.<\/p>\n
Cominciamo dal plugin.<\/p>\n
Aggiungere Dimensioni Personalizzate alle Immagini con Image Regenerate & Select Crop<\/h3>\n
Il plugin Image Regenerate & Select Crop<\/a> va oltre Regenerate Thumbnails<\/a> (analizzato pi\u00f9 avanti), in quanto permette una maggiore personalizzazione e dispone di funzionalit\u00e0 aggiuntive.<\/p>\nOltre a permettervi di cambiare le dimensioni predefinite delle immagini, vi permette anche di rigenerare qualsiasi immagine esistente in modo da adattarla alle vostre dimensioni preferite, ma vi permette anche di impostare le opzioni di ritaglio predefinite e rigenerare le miniature.<\/p>\n![\"Opzioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/image-regenerate-and-select-crop-settings.jpg\")
Opzioni di personalizzazione delle dimensioni delle immagini offerte dal plugin Image Regenerate & Select Crop<\/figcaption><\/figure>\nUna volta installato e attivato il plugin, \u00e8 possibile creare tutte le dimensioni delle immagini che si desidera dalla pagina di WordPress Impostazioni > Media.<\/strong><\/p>\nAggiungere Manualmente Dimensioni Personalizzate delle Immagini<\/h3>\n
Anche se \u00e8 una procedura relativamente semplice, la prima cosa da fare mentre regolate le dimensioni delle immagini \u00e8 creare un backup del vostro sito web<\/a>, nel caso in cui qualcosa vada storto. Una volta che il backup \u00e8 completato, andate alla bacheca di amministrazione del vostro sito WordPress.<\/p>\nUna volta l\u00ec, passate sopra l’opzione del menu Aspetto<\/strong> e scegliete Editor<\/strong> (o Editor del tema<\/strong>).<\/p>\nPoi cercate il file functions.php<\/strong> e controllate se il seguente codice \u00e8 gi\u00e0 presente (utilizzate la funzione di ricerca per trovarlo velocemente). Se c’\u00e8 gi\u00e0, non avete bisogno di fare nulla.<\/p>\nSe non c’\u00e8, dovrete aggiungere al file questa riga:<\/p>\n
add_theme_support( 'post-thumbnails' );<\/code><\/pre>\n![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/adding-custom-image-sizes-functions-php.jpg\")
Aggiungere l’hook delle dimensioni personalizzate delle immagini nel file functions.php<\/figcaption><\/figure>\nDopo aver aggiunto questo codice, cliccate sul pulsante Aggiorna File<\/strong> in basso per attivare la funzione che vi permette di creare le dimensioni personalizzate delle immagini.<\/p>\nOra \u00e8 il momento di aggiungere il codice necessario a generare copie delle immagini delle vostre specifiche dimensioni personalizzate. Cercate la stringa “add_image_size” nel vostro file functions.php<\/strong>: \u00e8 l\u00ec che dovrete fare le vostre modifiche.<\/p>\nadd_image_size( 'my-custom-image-size', 800, 640 );<\/code><\/pre>\nIn particolare, dovreste sostituire la stringa tra le virgolette singole con il nome che volete dare alla nuova dimensione dell’immagine. Vi suggeriamo di assegnare un nome semplice e descrittivo (ad esempio “main-post-image”).<\/p>\n
Dopo esservi occupati del nome, dovrete dichiarare le dimensioni dell’immagine. Il primo valore numerico \u00e8 la larghezza dell’immagine, mentre il secondo \u00e8 l’altezza.<\/p>\n
Ecco uno screenshot che mostra il codice di esempio che abbiamo aggiunto al file functions.php:<\/strong><\/p>\n![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/add-custom-image-size-dimensions-functions-php.jpg\")
Aggiungere dimensioni immagine personalizzate al file functions.php<\/figcaption><\/figure>\nIl Ritaglio delle Immagini<\/h3>\n
Quando un’immagine viene rimpicciolita senza ritaglio, \u00e8 solo una versione rimpicciolita dell’originale. Tuttavia, quando viene “ritagliata” o tagliata, la parte ritagliata viene rimossa dall’immagine finale.<\/p>\n
\u00c8 esattamente come tagliare fisicamente una foto. Se prendete le forbici da un ritratto e tagliate via tutto quello che c’\u00e8 sotto le spalle della persona, avete “tagliato” quella foto. Funziona allo stesso modo in digitale.<\/p>\n
Lo scopo \u00e8 quello di ridurre la dimensione del file di un’immagine quando il ritaglio dell’immagine originale non \u00e8 la scelta giusta. Ritagliando l’immagine originale, potreste rimuovere elementi che invece potreste voler mantenere nella copia dell’immagine di dimensioni grandi. Detto questo, il ritaglio pu\u00f2 avere senso per le immagini che devono adattarsi perfettamente a una dimensione specifica, come le immagini in primo piano o le foto del profilo.<\/p>\n
I soggetti principali possono diventare troppo piccoli per cose come le immagini in primo piano<\/a>. Dovrebbero comunque ottenere l’esposizione di cui hanno bisogno quando vengono ridimensionati senza ritaglio. Quindi cercate di capire cosa funziona meglio per i diversi tipi di immagini che utilizzate e impostate il ritaglio di conseguenza.<\/p>\nQuando si aggiungono dimensioni personalizzate, \u00e8 possibile fare in modo che WordPress ritagli automaticamente le immagini in base alla dimensione impostata e alla dimensione originale. \u00c8 necessario aggiungere “true” alla fine del codice.<\/p>\n
Ed ecco il nostro esempio precedente con la funzione di ritaglio attiva.<\/p>\n
add_image_size( 'name-for-your-custom-image', 800, 640, true );<\/code><\/pre>\nMa se non volete ritagliare le immagini, potete mettere “false” invece di “true” oppure non inserire niente. Non mettere nessuno dei due valori imposter\u00e0 automaticamente l’opzione “false”. In questo modo, WordPress non ritaglier\u00e0 le vostre immagini.<\/p>\n
Aggiungere un Formato Immagine Personalizzato al Vostro Tema<\/h2>\n
Dopo aver creato le dimensioni personalizzate delle immagini di cui avete bisogno, dovete anche aggiornare il codice nel vostro tema. In questo modo il vostro tema visualizzer\u00e0 le dimensioni personalizzate delle immagini come desiderate.<\/p>\n
Se siete principianti assoluti nel modificare il codice<\/a>, create di nuovo un backup del vostro sito prima di eseguire questa operazione.<\/p>\nOra dovete trovare il file del vostro tema nel loop del post e aggiungere il seguente codice:<\/p>\n
the_post_thumbnail( 'your-specified-image-size' );<\/code><\/pre>\nPer trovare questo file, cliccate su Editor dei temi<\/strong> nella sezione Aspetto<\/strong>. Cercate qui il file index.php<\/strong> – questo \u00e8 il file del tema che ospita il loop che dovete modificare.<\/p>\nUna volta che l’avete trovato, aggiungete il codice come si vede nell’immagine qui sotto:<\/p>\n![\"Aggiungere](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/add-custom-image-size-function-index-php-1.jpg\")
Aggiungere l’hook delle dimensioni personalizzate delle immagini al file functions.php<\/figcaption><\/figure>\nSarebbe meglio se sostituiste “new-homepage-feature” con un nome descrittivo della dimensione dell’immagine personalizzata che avete creato.<\/p>\n
Una volta aggiunto questo codice e aggiornato il file, vedrete la dimensione personalizzata dell’immagine nella vostra libreria media. Caricate una nuova immagine per provare.<\/p>\n
Aggiornare le Vecchie Miniature<\/h2>\n
La possibilit\u00e0 di aggiungere dimensioni personalizzate delle immagini \u00e8 una fantastica funzionalit\u00e0, ma vi lascia con un altro compito da svolgere: che ne sar\u00e0 di tutte le vecchie immagini che avete gi\u00e0 caricato?<\/p>\n
Per fortuna non dovete preoccuparvi di questo in quanto esistono diversi ottimi plugin WordPress<\/a> molto utili per questo compito! Vediamo come possono aiutarci a sistemare le vecchie miniature.<\/p>\nPlugin per Rigenerare le Miniature<\/h3>\n
In che Modo Vengono Gestite da WordPress le Immagini Caricate<\/h2>\n
Caricare le immagini su WordPress<\/a> \u00e8 molto semplice, ma quando WordPress prende in carico le vostre immagini, nel back-end succedono molte cose.<\/p>\n La prima cosa che fa WordPress quando caricate un’immagine \u00e8 creare tre diverse dimensioni della vostra immagine. Ci\u00f2 significa che vi ritrovate con quattro immagini per ogni immagine caricata:<\/p>\n WordPress crea tutte queste copie dell’immagine in dimensioni diverse per servire le vostre immagini nelle dimensioni pi\u00f9 appropriate per ogni visitatore. Il vostro sito web visualizzer\u00e0 sempre le immagini corrette ai vostri lettori in base al dispositivo che stanno utilizzando<\/a>, velocizzando e migliorando la loro esperienza.<\/p>\n Potreste sempre modificare le vostre immagini manualmente per fornire delle dimensioni aggiuntive, ma farlo in modo accurato in uno strumento come Photoshop non \u00e8 impresa da poco. Comporter\u00e0 una buona dose di lavoro noioso, ed \u00e8 per questo che WordPress vi risparmia la fatica.<\/p>\n\n Prima di addentrarci negli aspetti pi\u00f9 tecnici in relazione alle dimensioni delle immagini di WordPress, \u00e8 necessario tenere in considerazione alcuni punti critici.<\/p>\n Abbiamo gi\u00e0 detto che WordPress crea tre dimensioni predefinite delle immagini, ma cosa succede se avete bisogno di una dimensione diversa da quella predefinita di WordPress? E se volete pi\u00f9 dimensioni in generale?<\/p>\n Buone notizie! Potete farlo facilmente. WordPress vi permette di cambiare le dimensioni predefinite delle immagini e di aggiungere tutte le dimensioni che volete. Lo spiegheremo pi\u00f9 in dettaglio tra un po’.<\/p>\n Ma prima di arrivare a questo, dovete sapere che ci sono dei requisiti specifici perch\u00e9 tutto funzioni come dovrebbe.<\/p>\n Uno di questi \u00e8 che dovreste provare a caricare le vostre immagini nella dimensione pi\u00f9 grande<\/a> di cui avrete bisogno. Anche se WordPress la render\u00e0 pi\u00f9 piccola per i dispositivi pi\u00f9 piccoli, user\u00e0 il full-size (dimensione originale) dove l’immagine deve essere al massimo.<\/p>\n Supponiamo che carichiate un’immagine pi\u00f9 piccola della dimensione pi\u00f9 grande che avete definito in WordPress. In questo caso, WordPress non visualizzer\u00e0 correttamente quella particolare immagine nella dimensione pi\u00f9 grande. In pi\u00f9, ci sar\u00e0 una notevole perdita di qualit\u00e0.<\/p>\n Detto questo, dovete anche assicurarvi di non caricare immagini pi\u00f9 grandi di quanto dovrebbe essere la dimensione pi\u00f9 grande. WordPress non user\u00e0 mai tali immagini perch\u00e9 sono troppo grandi e assorbiranno spazio inutile sul vostro server<\/a>.<\/p>\n Per questo dovreste controllare la dimensione dell’immagine che state caricando e assicurarvi che corrisponda alla dimensione massima prevista prima di caricarla su WordPress, ma non deve essere pi\u00f9 grande di cos\u00ec.<\/p>\n All’interno del pannello di amministrazione, WordPress colloca le immagini caricate nella Media Library<\/a>. Potete visualizzare tutte le vostre immagini passando il mouse sulla voce Media e cliccando su Libreria.<\/p>\n Potete ordinarle per tipo di media (immagine, video, audio, ecc.) e per data. Tenete presente per\u00f2 che sarete in grado di ordinare le immagini per data solo se non avete disabilitato questa funzione nelle Impostazioni<\/strong>.<\/p>\n Sulla destra c’\u00e8 anche una casella di ricerca per aiutarvi a rintracciare le vostre immagini. Per trovarla basta digitare una parola che avete usato nel titolo, nella didascalia o nella descrizione dell’immagine.<\/p>\n Le vostre immagini sono memorizzate nella cartella uploads del vostro sito (wp-content\/uploads\/<\/strong>). Per accedere a questa cartella, dovrete usare un client FTP\/SFTP<\/a>. All’interno della cartella uploads del vostro sito ci saranno pi\u00f9 sottodirectory che contengono le vostre immagini per data di caricamento (supponendo che non abbiate cambiato l’opzione per ordinare le immagini per data nelle impostazioni<\/strong>).<\/p>\n Potete anche creare cartelle personalizzate per i vostri file multimediali<\/a>, ma vi consigliamo di farlo solo se vi considerate utenti avanzati.<\/p>\n Abbiamo sempre quattro diverse dimensioni di immagini: il vostro file immagine originale e le tre diverse dimensioni create da WordPress.<\/p>\n Come abbiamo detto prima, dovrete caricare le immagini a 1024px se avete intenzione di usare solo queste dimensioni predefinite delle immagini. Questo vi permetter\u00e0 di servire correttamente le vostre immagini anche alla dimensione pi\u00f9 grande, cosa che potrebbe non essere possibile se la vostra immagine ha una dimensione pi\u00f9 piccola della dimensione pi\u00f9 grande che viene utilizzata da WordPress (che di default \u00e8 1024px).<\/p>\n Le immagini in evidenza di WordPress sono fondamentali per il coinvolgimento dei lettori. Come la copertina di un libro, l’immagine in evidenza offre un’anteprima di ci\u00f2 che accadr\u00e0 nel contenuto.<\/p>\n La maggior parte delle immagini compare negli articoli di WordPress, ma possono essere incluse anche nelle pagine e nei tipi di post personalizzati. Poich\u00e9 l’immagine in evidenza pu\u00f2 essere visualizzata dai motori di ricerca e dai siti web dei social media, \u00e8 fondamentale scegliere la dimensione giusta.<\/p>\n Anche se ci sono opinioni diverse sull’argomento, il consenso generale \u00e8 che la dimensione ideale dell’immagine in evidenza di WordPress \u00e8 di circa 1200 \u00d7 630 pixel<\/strong>. Un’immagine di queste dimensioni dovrebbe adattarsi correttamente al vostro sito, indipendentemente dalle dimensioni dello schermo di chi legge.<\/p>\n Vale anche la pena di notare che per rendere le vostre pagine idonee al feed di Google Discover<\/a> (un’ottima fonte di traffico aggiuntivo da parte di Google), Google sottolinea<\/a> che la dimensione dell’immagine principale di WordPress deve essere di almeno 1.200 pixel.<\/p>\n Ma \u00e8 questa la dimensione predefinita dell’immagine in evidenza di WordPress?<\/p>\n Potrebbe essere una sorpresa, ma WordPress non prevede un’impostazione per le dimensioni delle immagini in primo piano. Al contrario, le immagini in primo piano hanno come dimensione predefinita quella del caricamento originale, a meno che non siano limitate dal design del sito o a meno che non si selezioni una delle altre dimensioni predefinite di WordPress (come “Media” o “Grande”).<\/p>\n Tuttavia, molti temi di WordPress<\/a>, compreso il tema predefinito di WordPress, Twenty Twenty-One<\/a>, impostano le proprie dimensioni personalizzate per le immagini in primo piano, quindi assicuratevi di controllare prima le impostazioni del vostro tema<\/a>.<\/p>\n Analogamente alle immagini in evidenza, le immagini di header possono dare a chi legge un’anteprima del tema e dell’atmosfera della pagina. Anche se non sono predisposte per essere condivise nelle pagine dei risultati di ricerca o nei feed dei social media, \u00e8 comunque importante che abbiano le dimensioni giuste per una questione di velocit\u00e0<\/a> e integrit\u00e0 del sito.<\/p>\n Poich\u00e9 le immagini di header dipendono spesso dal design del sito, le loro dimensioni possono variare notevolmente. Non esiste uno scenario “uguale per tutte le situazioni”, quindi \u00e8 meglio prendere in considerazione il design e la reattivit\u00e0 del sito prima di scegliere le dimensioni dell’immagine di header di WordPress.<\/p>\n Detto questo, chi sviluppa temi raccomanda che le immagini dell’header di WordPress si attengano a un rapporto di 16:9<\/strong>, come per esempio:<\/p>\n Come per le immagini in primo piano, WordPress non stabilisce una dimensione predefinita per le immagini di header. Tuttavia, il vostro tema potrebbe avere un’opzione per personalizzare le dimensioni dell’header attraverso le impostazioni del tema, nel menu Aspetto<\/a><\/strong>.<\/p>\n Se il tema scelto non offre un’opzione per modificare le dimensioni dell’immagine dell’header di WordPress, potete comunque regolarle da voi. Vediamo come fare pi\u00f9 avanti.<\/p>\n Anche se le dimensioni predefinite delle immagini di WordPress vanno bene per la maggior parte degli utenti, alcuni possono avere esigenze diverse. Potreste preferire una dimensione leggermente pi\u00f9 grande per le vostre miniature o una dimensione pi\u00f9 piccola per le immagini grandi.<\/p>\n Cambiare le dimensioni predefinite delle immagini in WordPress avrebbe senso se vi ritrovate a modificare la maggior parte delle immagini che state caricando perch\u00e9 le dimensioni predefinite di WordPress non sono adatte al vostro caso.<\/p>\n Prima di aggiungere nuove dimensioni di immagini personalizzate diverse da quelle predefinite, sappiate che memorizzerete molti pi\u00f9 file immagine nel database del vostro sito<\/a> di quanto potrebbe essere necessario. Questo potrebbe portare a problemi di prestazioni per il vostro sito e consumare pi\u00f9 spazio del dovuto.<\/p>\n Lo stesso vale per i siti basati su immagini che hanno bisogno di attenersi a dimensioni specifiche. I fotografi<\/a>, i designer e tutti i siti che servono immagini pesanti amano avere dimensioni coerenti in tutto il sito per garantire uniformit\u00e0.<\/p>\n Allo stesso modo, anche alcune landing page<\/a> hanno bisogno di visualizzare immagini di dimensioni particolari e le dimensioni predefinite di WordPress potrebbero non essere adatte. E un negozio ecommerce<\/a> ha normalmente bisogno di utilizzare miniature pi\u00f9 grandi, che rivelano maggiori dettagli.<\/p>\n Ci sono molte altre ragioni per cui cambiare le dimensioni predefinite delle immagini, ma questo per darvi l’idea.<\/p>\n Anche WordPress lo capisce, ed \u00e8 per questo che vi permette di cambiare le impostazioni predefinite.<\/p>\n Ecco la procedura passo passo per cambiare le dimensioni predefinite delle immagini in WordPress<\/a>.<\/p>\n Passo 1:<\/strong> Passate il mouse su Impostazioni<\/strong> e fate clic sull’opzione Media<\/strong>:<\/p>\n Passo 2: <\/strong>Cambiate le dimensioni inserendo i valori che volete modificando le cifre come si vede nell’esempio qui sotto:<\/p>\n Passo 3: <\/strong>Cliccate sul pulsante Salva modifiche<\/strong> in basso.<\/p>\n Tutte le immagini che caricate da questo momento in poi avranno di default queste nuove dimensioni.<\/p>\n Alcuni tutorial suggeriscono di inserire “0” per le dimensioni predefinite delle immagini. Ma noi vi consigliamo di non farlo, anche se potrebbe aiutarvi a risparmiare spazio.<\/p>\n Se cambiate questi valori a “0”, allora WordPress user\u00e0 la vostra immagine a grandezza naturale (originale) in tutte le posizioni e su tutti i dispositivi, il che potrebbe causare un enorme picco nell’utilizzo della larghezza di banda sul vostro sito. Inoltre, questo rallenterebbe quasi certamente il tempo di caricamento della pagina per le sezioni del sito in cui queste immagini vengono visualizzate.<\/p>\n Se avete bisogno di assegnare queste nuove dimensioni a tutte le vostre immagini di WordPress caricate in precedenza, potete utilizzare diversi ottimi plugin che analizzeremo in dettaglio qui sotto.<\/p>\n Per gli utenti che tendono a utilizzare molti tipi di immagini, pu\u00f2 essere essenziale avere pi\u00f9 dimensioni rispetto alle tre dimensioni predefinite di WordPress.<\/p>\n Le dimensioni predefinite delle immagini possono essere sufficienti per i tipi standard di immagini, ma per cose come la grafica pop-up, i widget<\/a> o le immagini a scorrimento<\/a>, potreste aver bisogno di immagini a pi\u00f9 dimensioni.<\/p>\n Le dimensioni personalizzate delle immagini vi offrono la flessibilit\u00e0 che vi serve per migliorare la funzionalit\u00e0 del vostro sito WordPress e risparmiare un sacco di tempo per ridimensionare le immagini una per una.<\/p>\n Ora che abbiamo stabilito questo, diamo un’occhiata pi\u00f9 da vicino al procedura da seguire per aggiungere dimensioni personalizzate alle immagini del vostro sito WordPress.<\/p>\n Avete due opzioni. La prima \u00e8 quella di utilizzare un plugin che gestisce tutto per voi con pochi clic. La seconda \u00e8 aggiungere manualmente le stringhe di codice necessarie ai file del vostro sito.<\/p>\n Cominciamo dal plugin.<\/p>\n Il plugin Image Regenerate & Select Crop<\/a> va oltre Regenerate Thumbnails<\/a> (analizzato pi\u00f9 avanti), in quanto permette una maggiore personalizzazione e dispone di funzionalit\u00e0 aggiuntive.<\/p>\n Oltre a permettervi di cambiare le dimensioni predefinite delle immagini, vi permette anche di rigenerare qualsiasi immagine esistente in modo da adattarla alle vostre dimensioni preferite, ma vi permette anche di impostare le opzioni di ritaglio predefinite e rigenerare le miniature.<\/p>\n Una volta installato e attivato il plugin, \u00e8 possibile creare tutte le dimensioni delle immagini che si desidera dalla pagina di WordPress Impostazioni > Media.<\/strong><\/p>\n Anche se \u00e8 una procedura relativamente semplice, la prima cosa da fare mentre regolate le dimensioni delle immagini \u00e8 creare un backup del vostro sito web<\/a>, nel caso in cui qualcosa vada storto. Una volta che il backup \u00e8 completato, andate alla bacheca di amministrazione del vostro sito WordPress.<\/p>\n Una volta l\u00ec, passate sopra l’opzione del menu Aspetto<\/strong> e scegliete Editor<\/strong> (o Editor del tema<\/strong>).<\/p>\n Poi cercate il file functions.php<\/strong> e controllate se il seguente codice \u00e8 gi\u00e0 presente (utilizzate la funzione di ricerca per trovarlo velocemente). Se c’\u00e8 gi\u00e0, non avete bisogno di fare nulla.<\/p>\n Se non c’\u00e8, dovrete aggiungere al file questa riga:<\/p>\n Dopo aver aggiunto questo codice, cliccate sul pulsante Aggiorna File<\/strong> in basso per attivare la funzione che vi permette di creare le dimensioni personalizzate delle immagini.<\/p>\n Ora \u00e8 il momento di aggiungere il codice necessario a generare copie delle immagini delle vostre specifiche dimensioni personalizzate. Cercate la stringa “add_image_size” nel vostro file functions.php<\/strong>: \u00e8 l\u00ec che dovrete fare le vostre modifiche.<\/p>\n In particolare, dovreste sostituire la stringa tra le virgolette singole con il nome che volete dare alla nuova dimensione dell’immagine. Vi suggeriamo di assegnare un nome semplice e descrittivo (ad esempio “main-post-image”).<\/p>\n Dopo esservi occupati del nome, dovrete dichiarare le dimensioni dell’immagine. Il primo valore numerico \u00e8 la larghezza dell’immagine, mentre il secondo \u00e8 l’altezza.<\/p>\n Ecco uno screenshot che mostra il codice di esempio che abbiamo aggiunto al file functions.php:<\/strong><\/p>\n Quando un’immagine viene rimpicciolita senza ritaglio, \u00e8 solo una versione rimpicciolita dell’originale. Tuttavia, quando viene “ritagliata” o tagliata, la parte ritagliata viene rimossa dall’immagine finale.<\/p>\n \u00c8 esattamente come tagliare fisicamente una foto. Se prendete le forbici da un ritratto e tagliate via tutto quello che c’\u00e8 sotto le spalle della persona, avete “tagliato” quella foto. Funziona allo stesso modo in digitale.<\/p>\n Lo scopo \u00e8 quello di ridurre la dimensione del file di un’immagine quando il ritaglio dell’immagine originale non \u00e8 la scelta giusta. Ritagliando l’immagine originale, potreste rimuovere elementi che invece potreste voler mantenere nella copia dell’immagine di dimensioni grandi. Detto questo, il ritaglio pu\u00f2 avere senso per le immagini che devono adattarsi perfettamente a una dimensione specifica, come le immagini in primo piano o le foto del profilo.<\/p>\n I soggetti principali possono diventare troppo piccoli per cose come le immagini in primo piano<\/a>. Dovrebbero comunque ottenere l’esposizione di cui hanno bisogno quando vengono ridimensionati senza ritaglio. Quindi cercate di capire cosa funziona meglio per i diversi tipi di immagini che utilizzate e impostate il ritaglio di conseguenza.<\/p>\n Quando si aggiungono dimensioni personalizzate, \u00e8 possibile fare in modo che WordPress ritagli automaticamente le immagini in base alla dimensione impostata e alla dimensione originale. \u00c8 necessario aggiungere “true” alla fine del codice.<\/p>\n Ed ecco il nostro esempio precedente con la funzione di ritaglio attiva.<\/p>\n Ma se non volete ritagliare le immagini, potete mettere “false” invece di “true” oppure non inserire niente. Non mettere nessuno dei due valori imposter\u00e0 automaticamente l’opzione “false”. In questo modo, WordPress non ritaglier\u00e0 le vostre immagini.<\/p>\n Dopo aver creato le dimensioni personalizzate delle immagini di cui avete bisogno, dovete anche aggiornare il codice nel vostro tema. In questo modo il vostro tema visualizzer\u00e0 le dimensioni personalizzate delle immagini come desiderate.<\/p>\n Se siete principianti assoluti nel modificare il codice<\/a>, create di nuovo un backup del vostro sito prima di eseguire questa operazione.<\/p>\n Ora dovete trovare il file del vostro tema nel loop del post e aggiungere il seguente codice:<\/p>\n Per trovare questo file, cliccate su Editor dei temi<\/strong> nella sezione Aspetto<\/strong>. Cercate qui il file index.php<\/strong> – questo \u00e8 il file del tema che ospita il loop che dovete modificare.<\/p>\n Una volta che l’avete trovato, aggiungete il codice come si vede nell’immagine qui sotto:<\/p>\n Sarebbe meglio se sostituiste “new-homepage-feature” con un nome descrittivo della dimensione dell’immagine personalizzata che avete creato.<\/p>\n Una volta aggiunto questo codice e aggiornato il file, vedrete la dimensione personalizzata dell’immagine nella vostra libreria media. Caricate una nuova immagine per provare.<\/p>\n La possibilit\u00e0 di aggiungere dimensioni personalizzate delle immagini \u00e8 una fantastica funzionalit\u00e0, ma vi lascia con un altro compito da svolgere: che ne sar\u00e0 di tutte le vecchie immagini che avete gi\u00e0 caricato?<\/p>\n Per fortuna non dovete preoccuparvi di questo in quanto esistono diversi ottimi plugin WordPress<\/a> molto utili per questo compito! Vediamo come possono aiutarci a sistemare le vecchie miniature.<\/p>\n\n
Le Dimensioni delle Immagini di WordPress: Cose Essenziali da Tenere Presenti<\/h2>\n
Come e Dove WordPress Memorizza le Immagini?<\/h2>\n
Quali Sono le Dimensioni Predefinite delle Immagini di WordPress?<\/h2>\n
\n
Qual \u00e8 la dimensione ideale delle immagini in primo piano su WordPress?<\/h2>\n
Qual \u00c8 la Dimensione Ideale dell’Immagine di Header di WordPress?<\/h2>\n
\n
Come Cambiare le Dimensioni Predefinite delle Immagini (e Quando \u00e8 Necessario)<\/h2>\n
Come Cambiare le Dimensioni Predefinite delle Immagini di WordPress<\/h3>\n
Come Aggiungere Dimensioni Personalizzate delle Immagini a WordPress<\/h2>\n
Aggiungere Dimensioni Personalizzate alle Immagini con Image Regenerate & Select Crop<\/h3>\n
Aggiungere Manualmente Dimensioni Personalizzate delle Immagini<\/h3>\n
add_theme_support( 'post-thumbnails' );<\/code><\/pre>\nadd_image_size( 'my-custom-image-size', 800, 640 );<\/code><\/pre>\nIl Ritaglio delle Immagini<\/h3>\n
add_image_size( 'name-for-your-custom-image', 800, 640, true );<\/code><\/pre>\nAggiungere un Formato Immagine Personalizzato al Vostro Tema<\/h2>\n
the_post_thumbnail( 'your-specified-image-size' );<\/code><\/pre>\nAggiornare le Vecchie Miniature<\/h2>\n
Plugin per Rigenerare le Miniature<\/h3>\n
![\"Installazione](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/install-regenerate-thumbnails-plugin.jpg\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/05\/image4.png\")