{"id":140203,"date":"2024-10-22T05:52:07","date_gmt":"2024-10-22T05:52:07","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/dimensioni-delle-immagini-di-wordpress-guida-completa-per-ottimizzare-le-immagini\/"},"modified":"2025-03-19T13:43:17","modified_gmt":"2025-03-19T13:43:17","slug":"dimensioni-delle-immagini-di-wordpress-guida-completa-per-ottimizzare-le-immagini","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/it\/dimensioni-delle-immagini-di-wordpress-guida-completa-per-ottimizzare-le-immagini\/","title":{"rendered":"Dimensioni delle immagini di WordPress: Guida completa per ottimizzare le immagini"},"content":{"rendered":"\n
La gestione delle immagini in WordPress \u00e8 fondamentale per garantire un sito Web ben funzionante e visivamente accattivante. Un aspetto chiave di questo \u00e8 la comprensione e l’ottimizzazione delle dimensioni delle immagini. Dalla gestione delle dimensioni predefinite delle immagini di WordPress alla creazione di nuove dimensioni personalizzate, sapere come regolare e gestire le immagini manterr\u00e0 il tuo sito in esecuzione senza intoppi e dall’aspetto professionale. <\/p>\n\n
In questa guida, tratteremo tutto ci\u00f2 che devi sapere sulla gestione delle immagini di WordPress, incluso come modificare le dimensioni predefinite delle immagini, creare dimensioni personalizzate, rigenerare le miniature e ottimizzare le tue immagini sia per le prestazioni che per la SEO. Entriamo nei dettagli del lavoro con le immagini in WordPress e di come assicurarsi che siano ottimizzate per ottenere i migliori risultati. <\/p>\n\n
Capire le dimensioni delle immagini di WordPress<\/h2>\n\n
Quando carichi immagini nella tua libreria multimediale di WordPress, WordPress genera automaticamente diverse dimensioni per ogni immagine in primo piano. Questa funzionalit\u00e0 consente al sito di fornire le dimensioni pi\u00f9 appropriate in base al contesto in cui viene visualizzata l’immagine, migliorando sia le prestazioni che l’aspetto. <\/p>\n\n
Quali sono le dimensioni predefinite delle immagini di WordPress?<\/h3>\n\n
Per impostazione predefinita, WordPress crea le seguenti dimensioni dell’immagine ogni volta che carichi un’immagine:<\/p>\n\n
Queste dimensioni predefinite delle immagini vengono utilizzate in varie posizioni del tuo sito, ad esempio per le immagini in primo piano, le gallerie e le miniature dei post. Queste dimensioni aiutano WordPress a visualizzare correttamente le immagini, ma possono essere modificate in base alle tue esigenze specifiche, sia per motivi estetici che di prestazioni. La regolazione di queste dimensioni \u00e8 semplice e garantisce una migliore coerenza tra i contenuti. <\/p>\n\n
Perch\u00e9 le dimensioni predefinite delle immagini sono importanti<\/h3>\n\n
Ogni dimensione predefinita dell’immagine di WordPress gioca un ruolo nel modo in cui le immagini vengono visualizzate in diverse parti del tuo sito web:<\/p>\n\n
\n
La dimensione della miniatura viene utilizzata nelle gallerie o nelle aree dei widget.<\/li>\n\n\n\n
Le dimensioni medie funzionano bene per le immagini in-content all’interno dei post del blog.<\/li>\n\n\n\n
Le grandi dimensioni possono essere utilizzate per immagini a larghezza intera.<\/li>\n\n\n\n
Le dimensioni massime consentono di visualizzare l’immagine originale inalterata quando necessario.<\/li>\n<\/ul>\n\n
Queste dimensioni predefinite aiutano a mantenere un aspetto coerente e a migliorare la velocit\u00e0 del sito Web offrendo la dimensione dell’immagine pi\u00f9 appropriata per il contesto in cui viene visualizzata.<\/p>\n\n
Come modificare le dimensioni delle immagini di WordPress<\/h2>\n\n
Per modificare le dimensioni predefinite delle immagini di WordPress, procedi nel seguente modo:<\/p>\n\n
\n
Accedi alla dashboard di WordPress.<\/li>\n\n\n\n
Vai su Impostazioni > Media.<\/li>\n<\/ul>\n\n<\/figure>\n\n
\n
Qui troverai le impostazioni per Dimensione miniatura, Dimensione media e Dimensione grande. Regolare queste dimensioni in base alle esigenze. <\/li>\n<\/ul>\n\n<\/figure>\n\n
\n
Al termine, fai clic su Salva modifiche.<\/li>\n<\/ul>\n\n<\/figure>\n\n
\u00c8 importante notare che la modifica di queste impostazioni influisce solo sui caricamenti futuri. Se desideri applicare le modifiche alle immagini che sono state caricate in precedenza, dovrai rigenerare le miniature, cosa che spiegheremo pi\u00f9 avanti. La regolazione delle dimensioni predefinite dell’immagine aiuta a mantenere l’uniformit\u00e0, soprattutto quando si tratta di vari tipi di immagini, come le immagini in primo piano o gli elementi visivi dei post del blog. <\/p>\n\n
Aggiunta di dimensioni personalizzate delle immagini<\/h2>\n\n
Perch\u00e9 utilizzare le dimensioni delle immagini personalizzate?<\/h3>\n\n
Le dimensioni predefinite delle immagini potrebbero non soddisfare le esigenze di tutti i siti web. Ci sono casi in cui potresti richiedere dimensioni delle immagini personalizzate, ad esempio per uno slider, una galleria o layout di post specifici. Le dimensioni personalizzate possono aiutare a ottimizzare le prestazioni del sito, garantire un design reattivo e darti un migliore controllo su come appaiono le tue immagini su diversi dispositivi e contesti. <\/p>\n\n
Come aggiungere dimensioni personalizzate delle immagini<\/h3>\n\n
Puoi aggiungere una dimensione dell’immagine personalizzata modificando il file di functions.php del tema. Ecco come:<\/p>\n\n
\n
Vai su Aspetto > Editor del tema nella dashboard di WordPress.<\/li>\n<\/ol>\n\n<\/figure>\n\n
\n
Apri il file functions.php.<\/li>\n<\/ul>\n\n<\/figure>\n\n
3. Aggiungi il seguente codice per creare una nuova dimensione dell’immagine personalizzata:<\/p>\n\n
‘custom-size-name’ \u00e8 l’identificatore univoco per la tua nuova taglia.<\/li>\n\n\n\n
800 \u00e8 la larghezza e 600 \u00e8 l’altezza.<\/li>\n\n\n\n
true garantisce che l’immagine venga ritagliata esattamente a tali dimensioni.<\/li>\n<\/ul>\n\n
Dopo aver salvato il file, WordPress creer\u00e0 nuove immagini di queste dimensioni ogni volta che carichi un’immagine. Per visualizzare queste dimensioni personalizzate dell’immagine nel tuo tema, usa: <\/p>\n\n
Dimensioni delle immagini personalizzate per usi specifici<\/h3>\n\n
Potresti volere dimensioni delle immagini personalizzate per scopi particolari, ad esempio:<\/p>\n\n
\n
Immagini in evidenza:<\/strong> Una dimensione di circa 1200×630 pixel funziona bene per i post del blog ed \u00e8 ideale anche per la condivisione sui social media.<\/li>\n\n\n\n
Immagini del logo:<\/strong> I loghi sono in genere migliori a 200×100 pixel, garantendo chiarezza senza essere troppo grandi.<\/li>\n\n\n\n
Immagini di sfondo:<\/strong> Gli sfondi a schermo intero devono essere di almeno 1920×1080 pixel per garantire la nitidezza su schermi di grandi dimensioni.<\/li>\n<\/ul>\n\n
L’utilizzo di queste dimensioni di immagine personalizzate migliora sia le prestazioni che l’esperienza utente riducendo l’ingombro non necessario dell’immagine mantenendo un aspetto di alta qualit\u00e0.<\/p>\n\n
Rigenerazione di miniature e dimensioni personalizzate dell’immagine<\/h2>\n\n
Perch\u00e9 \u00e8 necessario rigenerare le miniature<\/h3>\n\n
Quando modifichi le dimensioni predefinite delle immagini o aggiungi nuove dimensioni personalizzate, WordPress non ridimensiona automaticamente le immagini che sono gi\u00e0 state caricate. Per applicare le nuove dimensioni dell’immagine alle immagini esistenti, \u00e8 necessario rigenerare le miniature. <\/p>\n\n
Come rigenerare le miniature<\/h3>\n\n
Il modo pi\u00f9 semplice per rigenerare le miniature \u00e8 utilizzare il plug-in Regenerate Thumbnails. Ecco come fare:<\/p>\n\n
\n
Vai su plugin, aggiungi un nuovo plugin, quindi installa e attiva il plugin Regenerate Thumbnails.<\/li>\n<\/ul>\n\n<\/figure>\n\n
\n
Vai a Tools > Rigenera miniature.<\/strong><\/li>\n<\/ul>\n\n<\/figure>\n\n
\n
Fai clic su Rigenera miniature per tutti gli allegati per ridimensionare le immagini esistenti in base alle nuove dimensioni.<\/li>\n<\/ul>\n\n<\/figure>\n\n
Questo passaggio \u00e8 fondamentale per garantire che tutte le immagini del tuo sito vengano ridimensionate in base alle impostazioni aggiornate, soprattutto se hai aggiunto dimensioni delle immagini personalizzate per nuovi layout o esigenze di design.<\/p>\n\n
Metodo manuale per la rigenerazione delle miniature<\/h3>\n\n
Se preferisci non utilizzare un plug-in, puoi anche rigenerare manualmente le miniature utilizzando WP-CLI, uno strumento a riga di comando. Il comando \u00e8: <\/p>\n\n
wp media regenerate<\/code><\/p>\n\n
Questo metodo \u00e8 ideale per gli utenti che hanno familiarit\u00e0 con WP-CLI, consentendo loro di aggiornare tutte le immagini in modo che riflettano le nuove dimensioni delle immagini senza installare plug-in aggiuntivi.<\/p>\n\n
Scegliere i migliori formati di immagine per WordPress<\/h2>\n\n
La selezione del formato corretto per le immagini di WordPress \u00e8 importante per ottimizzare sia la qualit\u00e0 dell’immagine che le prestazioni del sito. Ecco una panoramica dei formati di file immagine pi\u00f9 comunemente usati: <\/p>\n\n
\n
JPEG: <\/strong>Ideale per foto e immagini con molti colori, offrendo un buon equilibrio tra qualit\u00e0 e dimensioni del file.<\/li>\n\n\n\n
PNG:<\/strong> Ideale per immagini che richiedono trasparenza, come loghi o icone.<\/li>\n\n\n\n
GIF: <\/strong>Adatto per semplici animazioni o immagini con pochi colori.<\/li>\n\n\n\n
WebP:<\/strong> Un formato pi\u00f9 recente che offre un’elevata compressione con una perdita minima di qualit\u00e0, anche se non tutti i browser lo supportano.<\/li>\n<\/ul>\n\n
La scelta del formato appropriato garantisce che le immagini si carichino rapidamente senza sacrificare la qualit\u00e0, soprattutto quando si visualizzano immagini in primo piano e altri elementi visivi importanti sul sito.<\/p>\n\n
Ottimizzazione delle dimensioni delle immagini per le prestazioni<\/h2>\n\n
Perch\u00e9 l’ottimizzazione delle immagini \u00e8 importante<\/h3>\n\n
L’ottimizzazione delle dimensioni delle immagini \u00e8 fondamentale per ridurre le dimensioni dei file e migliorare i tempi di caricamento, il che influisce direttamente sulle prestazioni e sull’esperienza utente del tuo sito. Le immagini grandi e non compresse possono rallentare la velocit\u00e0 di caricamento delle pagine, con un impatto negativo sia sulla SEO che sulla fidelizzazione degli utenti. <\/p>\n\n
Come ottimizzare le immagini<\/h3>\n\n
Per ottimizzare le tue immagini WordPress, segui queste best practice:<\/p>\n\n
\n
Comprimi le immagini prima di caricarle:<\/strong> Usa strumenti come TinyPNG o JPEG-Optimizer per ridurre le dimensioni del file senza perdere la qualit\u00e0.<\/li>\n\n\n\n
Usa i plug-in di ottimizzazione delle immagini:<\/strong> Plugin come Smush o ShortPixel possono comprimere automaticamente le immagini al momento del caricamento, assicurando che siano adeguatamente ottimizzate per il web.<\/li>\n\n\n\n
Ridimensiona le immagini in modo appropriato:<\/strong> Evita di caricare immagini di grandi dimensioni. Se il tuo post richiede un’immagine larga solo 800 pixel, non caricare immagini larghe 2000 pixel. <\/li>\n<\/ul>\n\n
Seguendo questi passaggi, ottimizzerai le dimensioni delle immagini sul tuo sito WordPress, garantendo tempi di caricamento pi\u00f9 rapidi e migliori prestazioni complessive.<\/p>\n\n
Dimensioni delle immagini consigliate per le diverse sezioni di WordPress<\/h2>\n\n
La scelta della dimensione corretta dell’immagine per le varie parti del tuo sito \u00e8 essenziale per mantenere un aspetto raffinato.<\/p>\n\n
\n
Articoli del blog:<\/strong> Le immagini incorporate nei post del blog dovrebbero generalmente avere una larghezza compresa tra 600 e 800 pixel.<\/li>\n\n\n\n
Immagini in evidenza:<\/strong> Come accennato in precedenza, una dimensione di 1200×630 pixel funziona bene per la maggior parte delle immagini in primo piano.<\/li>\n\n\n\n
Immagini del logo:<\/strong> I loghi sono in genere migliori a circa 200×100 pixel.<\/li>\n\n\n\n
Condivisione sui social media:<\/strong> Per garantire che le immagini vengano visualizzate correttamente quando vengono condivise sui social media, attenersi a un rapporto 16:9, con dimensioni di circa 1200×630 pixel.<\/li>\n\n\n\n
Gallerie e cursori:<\/strong> Per le gallerie o i cursori a larghezza intera, le immagini devono avere una larghezza di almeno 1000-1200 pixel per una visualizzazione di alta qualit\u00e0.<\/li>\n<\/ul>\n\n
Queste dimensioni consigliate per le immagini contribuiscono a garantire un aspetto coerente e professionale in tutto il sito WordPress.<\/p>\n\n
Ottimizzazione delle immagini di WordPress per la SEO<\/h2>\n\n
Migliori pratiche SEO per le immagini<\/h3>\n\n
Ottimizzare le immagini per la SEO \u00e8 importante tanto quanto comprimerle e ridimensionarle per ottenere prestazioni. Ecco come puoi migliorare la SEO delle tue immagini WordPress<\/a>: <\/p>\n\n
![\"Vai](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/WP-dashboard-1-1024x526.png\")
<\/figure>\n\n![\"Controllare](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/WP-dashboard-media.webp\")
<\/figure>\n\n![\"Fare](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/Save-changes.webp\")
<\/figure>\n\n![\"Vai](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/Appearance.webp\")
<\/figure>\n\n![\"Apri](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/edit-themes.webp\")
<\/figure>\n\n![\"Installa](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/new-plugins.webp\")
<\/figure>\n\n![\"Vai](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/Tools.webp\")
<\/figure>\n\n![\"Clicca](\"https:\/\/www.bluehost.com\/it-it\/blog\/wp-content\/uploads\/2024\/10\/regenrate.webp\")
<\/figure>\n\n