Come correggere i problemi più comuni relativi alle immagini in WordPress (Guida definitiva)

La gestione delle immagini in WordPress non è sempre semplice. Senza gli strumenti o le tecniche giuste, risolvere i problemi legati alle immagini può essere frustrante e richiedere molto tempo.

Sebbene le immagini siano fondamentali per rendere il vostro sito WordPress coinvolgente e visivamente accattivante, possono comunque sorgere dei problemi. Abbiamo sentito molti utenti che sospettano che le loro immagini influiscano sui tempi di caricamento del sito, sulla qualità della visualizzazione o sul dimensionamento.

Questi problemi possono avere un impatto negativo sulle prestazioni del sito e sull’esperienza dell’utente.

Noi di WPBeginner utilizziamo WordPress da oltre 16 anni e carichiamo costantemente immagini per migliorare i nostri contenuti e aumentare l’engagement. Durante questo periodo, abbiamo imparato i modi migliori per gestire questi problemi in modo efficiente.

In questa guida vi mostreremo come risolvere i problemi più comuni relativi alle immagini in WordPress, aiutandovi a migliorare la velocità, l’aspetto e le prestazioni complessive del vostro sito.

Poiché si tratta di un articolo dettagliato, ecco l’elenco dei problemi relativi alle immagini che verranno trattati in questo articolo. È possibile utilizzare questi collegamenti rapidi per passare a un determinato argomento:

Come caricare le immagini in WordPress

WordPress consente di caricare con estrema facilità le immagini nei post, nelle pagine e nelle aree non contenute, come le barre laterali.

Per caricare immagini nei post e nelle pagine di WordPress, è sufficiente aggiungere il blocco Immagine all’editor dei contenuti.

È possibile aggiungere il blocco immagine anche digitando semplicemente /image in un blocco “Paragrafo”.

L’editor inizierà a mostrare i blocchi che si possono inserire non appena si inizia a digitare.

WordPress aggiungerà ora il blocco immagine all’editor.

È necessario fare clic sul pulsante “Carica” per selezionare e caricare l’immagine dal computer.

È anche possibile selezionare un’immagine caricata in precedenza dalla propria “Libreria multimediale”.

Dopo aver caricato l’immagine, si vedrà un’anteprima live dell’immagine nell’editor dei contenuti.

Nel pannello di destra sono presenti anche le impostazioni delle immagini. Da qui è possibile fornire il testo alt dell’immagine, selezionare le dimensioni dell’immagine e personalizzare lo stile dell’immagine.

Come allineare un’immagine a sinistra o a destra in WordPress

Con WordPress, allineare le immagini a sinistra, a destra o al centro è facile.

È sufficiente selezionare l’immagine facendo clic su di essa, quindi fare clic sul pulsante di allineamento dalla barra degli strumenti del blocco.

Avrete notato che alcuni blog WordPress popolari utilizzano immagini con testo avvolto intorno ad esse.

Ciò avviene utilizzando la funzione di allineamento.

In alternativa, è possibile utilizzare il blocco “Media e testo” invece del blocco “Immagine”.

Questo blocco è stato creato appositamente per aggiungere immagini accanto al testo.

È quindi possibile caricare un’immagine e un testo affiancati.

È inoltre possibile utilizzare la barra degli strumenti del blocco per modificare il lato dell’immagine o del testo.

Per una guida dettagliata, potete consultare la nostra guida su come allineare le immagini utilizzando l’editor di blocchi di WordPress.

Come aggiungere didascalie sotto le immagini

WordPress consente di aggiungere facilmente didascalie alle immagini. Dopo aver caricato un’immagine, vedrete l’opzione per aggiungere una didascalia proprio sotto l’anteprima dell’immagine.

Allo stesso modo, è possibile aggiungere didascalie alle gallerie di immagini in WordPress. Per maggiori dettagli, consultate la nostra guida su come aggiungere didascalie alle immagini in WordPress.

Come visualizzare le foto in colonne e righe

Spesso gli utenti ci chiedono come visualizzare ordinatamente le foto in colonne e righe.

Supponiamo di voler condividere le foto di una festa di compleanno o le foto di una vacanza. È possibile aggiungerle una per una in un post, ma sembreranno un lungo elenco di immagini.

Il modo migliore per raggruppare le foto è creare gallerie di immagini.

WordPress è dotato di un blocco “Galleria” integrato che consente di aggiungere facilmente immagini in righe e colonne con anteprime.

È sufficiente aggiungere il blocco “Galleria” all’editor del post e selezionare le immagini che si desidera caricare.

Per istruzioni più dettagliate, consultate la nostra guida su come creare una galleria di immagini in WordPress.

Come creare gallerie di immagini reattive in WordPress

Noterete che le gallerie di immagini predefinite di WordPress mancano di diverse funzionalità. Ad esempio, non sono molto facili da sfogliare.

Se caricate spesso immagini e fotografie sul vostro sito WordPress, avrete bisogno di un plugin per la galleria fotografica di WordPress.

Vi consigliamo di utilizzare Envira Gallery. Permette di creare facilmente gallerie di immagini bellissime e completamente mobile-friendly sul vostro sito WordPress.

Per ulteriori informazioni sul plugin, potete consultare la nostra recensione completa di Envira Gallery.

La parte migliore è che aggiunge funzionalità aggiuntive come album, modelli di galleria, condivisione sociale, slideshow, filigrana, paginazione, protezione con password, tagging, visualizzazione a schermo intero e molto altro ancora.

Un altro popolare plugin per la galleria fotografica di WordPress è NextGEN Gallery. Offre molti layout di galleria e una bella galleria lightbox per la visualizzazione delle immagini in WordPress.

NextGEN Gallery include anche potenti funzioni per i fotografi professionisti, come le prove di stampa, la realizzazione di stampe, la protezione delle immagini, l’addon per Adobe Lightroom, i gateway di pagamento PayPal e Stripe e altro ancora.

Per maggiori dettagli, potete consultare la nostra recensione completa di NextGEN Gallery.

Come correggere le anteprime mancanti dei post/immagini in primo piano

La maggior parte dei temi di WordPress consente di visualizzare un’immagine in evidenza con i propri articoli. Vediamo come impostare un’immagine in evidenza in WordPress per evitare di perdere le miniature.

Per prima cosa, è necessario fare clic su “Imposta immagine in primo piano” per caricare la miniatura del post.

Dopo aver caricato l’immagine, sarà possibile vedere la miniatura del post nel riquadro delle immagini in primo piano, come in questo caso.

Per maggiori dettagli, consultate la nostra guida su come aggiungere un’immagine in evidenza o una miniatura del post in WordPress.

Come aggiungere immagini di copertina nei post e nelle pagine di WordPress

Le immagini di copertina sono immagini larghe o a tutta larghezza che possono essere utilizzate come separatore tra le diverse sezioni di un articolo o di una lunga pagina di vendita.

Sono molto coinvolgenti e aiutano gli utenti a scansionare facilmente una pagina senza sentirsi sopraffatti da troppo testo.

Per aggiungere un’immagine di copertina, è sufficiente aggiungere il blocco Cover all’editor dei contenuti.

Successivamente, è necessario caricare l’immagine che si desidera utilizzare dal computer o selezionarne una dalla Libreria multimediale. Se non si desidera utilizzare un’immagine, è possibile selezionare uno sfondo a colori come copertina.

Ora viene visualizzata un’anteprima live dell’immagine di copertina nell’editor. È possibile modificare le opzioni di visualizzazione dell’immagine di copertina dalla barra degli strumenti del blocco o utilizzare le impostazioni a destra.

Per saperne di più, consultate la nostra guida sulla differenza tra immagine di copertina e immagine in primo piano in WordPress e su come utilizzarle in modo efficace.

Come risolvere il problema dell’immagine in primo piano che appare due volte

Inserire l’immagine in evidenza all’interno del contenuto è un errore comune dei principianti.

Una volta impostata un’immagine in primo piano, non è necessario inserirla nel post insieme al contenuto.

In questo modo l’immagine in primo piano apparirà due volte. Una volta come immagine in evidenza e una volta come immagine all’interno del post.

È possibile aggiungere altre immagini all’interno del post, ma l’immagine in primo piano va nel riquadro dell’immagine in primo piano.

Per maggiori dettagli, leggete la nostra guida su come correggere le immagini in primo piano che appaiono due volte nei post di WordPress.

Come ritagliare le immagini in WordPress

Quando si caricano immagini dal telefono o dalla fotocamera, di solito sono troppo grandi.

WordPress crea automaticamente immagini di dimensioni piccole, medie e grandi per il caricamento originale. A volte, però, potrebbe essere necessario ritagliare l’immagine in una dimensione diversa.

WordPress non è Photoshop, ma è dotato di alcune funzioni di base per l’editing delle immagini, come scalare, ritagliare, capovolgere e ruotare le immagini.

Basta andare su Media ” Aggiungi nuovo e caricare l’immagine. Dopo aver caricato l’immagine, si vedrà un link “Modifica” accanto all’immagine caricata.

Facendo clic su di essa si aprirà la schermata “Modifica media”, dove si vedrà un pulsante “Modifica immagine” proprio sotto l’immagine. Questo aprirà l’editor di immagini di WordPress.

Da qui è possibile fare clic sul pulsante “Modifica immagine” sotto l’anteprima dell’immagine. Si aprirà la schermata di modifica dell’immagine.

Nella schermata dell’editor di immagini, vengono visualizzati i pulsanti per eseguire alcune operazioni di modifica di base delle immagini, come il ritaglio, la rotazione, il ridimensionamento, ecc.

Se si utilizza l’editor di blocchi, è possibile ritagliare le immagini utilizzando la funzione di ritaglio integrata nella barra degli strumenti delle immagini.

È sufficiente fare clic su un blocco di immagini e selezionare l’icona ‘Ritaglia’ nella barra degli strumenti.

Successivamente, è possibile regolare il rapporto di aspetto dell’immagine e l’area ritagliata dell’immagine in base alle proprie preferenze.

È possibile utilizzare il rapporto di aspetto originale o uno predefinito da WordPress.

Per istruzioni più dettagliate, potete consultare la nostra guida su come ritagliare, ruotare, scalare e capovolgere le immagini in WordPress.

Come aggiungere un’immagine di intestazione in WordPress

L’immagine di intestazione in WordPress è una caratteristica del tema. Molti temi WordPress gratuiti e premium sono dotati di supporto per le immagini di intestazione.

Alcuni temi WordPress consentono di impostare un’immagine di intestazione per tutto il sito, mentre altri permettono di impostare un’immagine di intestazione solo per la homepage.

È possibile caricare la propria immagine di intestazione personalizzata dalla pagina Aspetto ” Personalizza.

Se si utilizza un tema Block, la posizione per modificare l’intestazione del tema è diversa.

Per prima cosa, è necessario andare su Aspetto ” Editor.

Quindi, selezionare “Modelli”.

Si accede così a una pagina in cui è possibile accedere al modello di intestazione del tema.

Successivamente, si dovrà scorrere verso il basso fino alla sezione “Parti del modello”.

Una volta fatto ciò, basta selezionare “Intestazione” e fare clic sul modello di intestazione per modificarlo.

Da qui, è possibile aggiungere un blocco di immagini al modello di intestazione, come nella prima sezione di questo articolo.

Come aggiungere un’immagine di sfondo in WordPress

Come l’immagine di header personalizzata, l’immagine di sfondo personalizzata è una caratteristica dei temi WordPress. Molti temi WordPress supportano immagini di sfondo personalizzate.

Visitare Aspetto ” Personalizzazione per avviare il ‘Theme Customizer’.

Se è possibile visualizzare l’opzione “Immagine di sfondo”, allora il tema supporta sfondi personalizzati.

Si tratta di una caratteristica del tema, per cui varia da un tema all’altro. A seconda del tema, si vedranno diverse opzioni per lo stile dell’immagine di sfondo.

Se il vostro tema non supporta un’immagine di sfondo, potete comunque utilizzare un plugin per aggiungere immagini di sfondo a schermo intero al vostro sito web.

Come ottimizzare le immagini per WordPress senza perdere la loro qualità

Uno dei problemi più comuni che gli utenti di WordPress incontrano è come comprimere le immagini senza perdere la loro qualità.

Oltre a essere più rapide nell’uploader, le immagini ottimizzate si caricano più velocemente sul fronte, migliorando l’esperienza dell’utente e riducendo la frequenza di rimbalzo. Inoltre, consumano meno larghezza di banda, salvando il consumo di dati per gli utenti con connessioni Internet limitate.

I motori di ricerca considerano anche la velocità delle pagine quando classificano i siti web. Le immagini ottimizzate contribuiscono a velocizzare i tempi di caricamento, aumentando potenzialmente il posizionamento nelle ricerche.

Fortunatamente, l’ottimizzazione delle immagini è una cosa piuttosto semplice da fare. Tutto ciò di cui avete bisogno è un buon strumento di ottimizzazione delle immagini, come Optimole, e di farvi passare le vostre immagini.

Per ulteriori informazioni, verificare la nostra guida su come ottimizzare le immagini senza perdere qualità.

Inoltre, si può prendere in considerazione il lazy loading delle immagini. Questa tattica impedisce ai browser di caricare le immagini sul sito web finché l’utente non scorre giù fino alla posizione dell’immagine.

Come aggiungere gli attributi del titolo alle immagini di WordPress

Sebbene non siano essenziali per il funzionamento dell’immagine, gli attributi title forniscono una breve descrizione dell’immagine che appare al passaggio del mouse dell’utente.

Questo può migliorare l’esperienza dell’utente, fornendo un contesto aggiuntivo ai visitatori. Ad esempio, se avete un’immagine di una deliziosa torta al cioccolato, un attributo di titolo come “Torta al cioccolato fatta in casa” può essere utile.

Anche gli attributi del titolo possono essere utili per la SEO di WordPress. Anche se non hanno un impatto diretto sul posizionamento nelle ricerche, possono aiutare i motori di ricerca a capire il contenuto della vostra immagine e a migliorare l’accessibilità del sito web.

Per istruzioni passo passo, selezionate la nostra guida su come add-on gli attributi del titolo alle immagini in WordPress.

Come trovare immagini gratuite per i post del vostro blog WordPress

Le immagini possono far risaltare i vostri articoli. Tuttavia, è necessario rispettare i diritti d’autore di altre persone e trovare immagini che si possono usare legalmente.

I nostri lettori ci chiedono spesso come trovare le migliori immagini royalty-free da utilizzare nei loro post.

Esistono molti siti web in cui è possibile trovare immagini gratuite da utilizzare. Tuttavia, noterete subito che le immagini su questi siti appaiono abusate e generiche.

Per ulteriori referer è possibile consultare il nostro elenco delle migliori fonti di immagini gratuite di dominio pubblico e con licenza CC0.

In alternativa, è possibile utilizzare l ‘intelligenza artificiale per generare immagini uniche e far risaltare le immagini rispetto alla concorrenza.

Come categorizzare e taggare le immagini in WordPress

Se gestite un blog di fotografia, noterete che WordPress non consente di ordinare le foto e le immagini.

Non sarebbe fantastico se poteste aggiungere dei tag alle vostre immagini in modo che voi e i vostri utenti possiate sfogliarle facilmente?

Fortunatamente, esistono ottimi plugin che permettono di fare proprio questo. Per maggiori dettagli, consultate il nostro articolo su come add-on di categorie e tag alla libreria dei media di WordPress.

Per un blog di fotografia, l’opzione migliore è quella di utilizzare Envira Gallery, che viene fornito con un componente aggiuntivo per aggiungere tag.

Envira Gallery consente di creare bellissime gallerie fotografiche in WordPress, pronte per i dispositivi mobili. Utilizzando i tag, gli utenti possono facilmente filtrare e ordinare le foto senza ricaricare la pagina.

Come importare immagini esterne in WordPress

Questa domanda si pone spesso durante la migrazione del sito a WordPress. Alcune immagini del vostro sito web potrebbero ancora puntare a una posizione precedente.

Questo vale soprattutto per gli utenti che importano blog da Blogger, Squarespace o WordPress.com.

Anche se le immagini sul sito vengono visualizzate correttamente, vengono comunque caricate da una fonte esterna. Per risolvere questo problema, è sufficiente installare e attivare il plugin Auto Upload Images.

Il plugin controlla la presenza di immagini esterne quando si aggiorna o si salva un post o una pagina. È possibile farlo manualmente per ogni post o pagina, oppure modificare in blocco tutti i post e fare semplicemente clic sul pulsante di aggiornamento.

Per istruzioni dettagliate, consultate la nostra guida su come importare immagini esterne in WordPress.

Come richiedere immagini in primo piano per i post in WordPress

Quando si gestisce un sito multi-autore in WordPress, alcuni autori potrebbero non avere familiarità con la funzionalità delle immagini in primo piano.

In questo caso, potreste voler ricordare a voi stessi o ai vostri utenti di caricare un’immagine in evidenza ogni volta che inviano un post in WordPress.

È possibile farlo installando e attivando il plugin PublishPress Checklists.

Una volta attivato, il plugin visualizzerà un punto esclamativo rosso e una scheda “Lista di controllo” per informare gli utenti che questo post richiede un’immagine in primo piano.

Voi e i vostri utenti potrete salvare i post come bozze, ma non potrete pubblicare il post finché non avrete aggiunto un’immagine in evidenza.

Per ulteriori istruzioni, consultate il nostro articolo su come richiedere immagini in primo piano per i post in WordPress.

Come impostare un’immagine in primo piano predefinita in WordPress

Trovare l’immagine in evidenza perfetta per ogni post o articolo è un compito difficile. A volte non si vuole aggiungere un’immagine in primo piano a un post, ma il tema potrebbe apparire scomodo senza di essa.

È qui che può essere utile un’immagine in primo piano predefinita. Un’immagine in primo piano predefinita viene utilizzata quando un articolo non ha un’immagine in primo piano propria.

È possibile impostare un’immagine in primo piano predefinita utilizzando il plugin Default featured image.

Per ulteriori istruzioni, consultare la nostra guida su come impostare un’immagine in primo piano predefinita in WordPress.

Come creare dimensioni aggiuntive per le immagini in WordPress

Per impostazione predefinita, WordPress crea e salva diverse dimensioni delle immagini caricate, comprese le miniature. Anche il vostro tema WordPress potrebbe generare immagini di dimensioni diverse.

Se volete creare immagini di dimensioni aggiuntive per il vostro sito WordPress, dovrete registrarle aggiungendo del codice personalizzato al file functions.php del vostro tema.

Per saperne di più, consultate la nostra guida su come creare immagini di dimensioni aggiuntive in WordPress.

Come impedire a WordPress di generare le dimensioni delle immagini

Come spiegato in precedenza, WordPress crea immagini di diverse dimensioni per i vostri uploader, tra cui miniature, medie e grandi. Queste dimensioni sono utili per visualizzare le immagini in contesti diversi sul sito web.

Tuttavia, se si utilizzano immagini di dimensioni personalizzate o si desidera ottimizzare lo spazio di archiviazione del sito web, è possibile impedire a WordPress di generare queste dimensioni aggiuntive.

Per sapere come fare, potete leggere il nostro tutorial su come impedire a WordPress di generare immagini di dimensioni multiple.

Come prevenire il furto di immagini in WordPress

A volte gli utenti possono rubare immagini dal vostro sito WordPress per utilizzarle sui propri siti. Questo può essere molto frustrante, soprattutto se scattate le vostre foto o create la vostra grafica.

Fortunatamente, è possibile prevenire il furto di immagini disabilitando il cliccato destro, aggiungendo una filigrana alle immagini, disabilitando l’hotlinking e aggiungendo avvisi di copyright.

Per saperne di più, consultate la nostra guida su come prevenire il furto di immagini in WordPress.

Speriamo che questo articolo vi abbia aiutato a risolvere alcuni dei più comuni problemi di immagine in WordPress. Potreste anche consultare la nostra guida per principianti alla risoluzione degli errori di WordPress e la nostra pratica guida su come ripristinare il database di WordPress alle impostazioni predefinite.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.