Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Guida per principianti alle dimensioni delle immagini di WordPress (+ buone pratiche)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete conoscere le dimensioni delle immagini di WordPress?

Spesso i principianti ci chiedono quali siano le dimensioni delle immagini da utilizzare sul proprio sito WordPress e come WordPress gestisca le immagini nelle diverse aree.

In questa guida per principianti, spiegheremo le dimensioni comuni delle immagini di WordPress e condivideremo le migliori pratiche per sapere quali dimensioni utilizzare sul vostro sito web.

WordPress image sizes explained for beginners

Che cos’è la dimensione di un’immagine?

Le dimensioni dell’immagine si riferiscono solitamente alla larghezza e all’altezza di un’immagine misurata in sgranature. Ad esempio, 1600×900 pixel significa che l’immagine ha una larghezza di 1600 pixel e un’altezza di 900 pixel.

Image size in dimensions

Queste misure sono chiamate anche dimensioni dell’immagine. Imagely, un’immagine con dimensioni maggiori ha più sgranature, il che aumenta la dimensione del file.

La dimensione del file immagine è lo spazio che un file occupa su un computer e si misura in byte. Ad esempio, 100 KB (kilobyte).

Se un’immagine ha un file di grandi dimensioni, gli utenti impiegheranno più tempo per scaricarla e ciò può influire sulla velocità e sulle prestazioni del sito web. Per questo motivo è importante ridurre il più possibile le dimensioni del file dell’immagine, mantenendolo delle giuste dimensioni.

È qui che entrano in gioco i formati dei file immagine.

I formati di file immagine sono tecnologie di compressione per salvare i file immagine. I formati di file più comuni utilizzati sul web sono JPEG e PNG.

Immagini come le fotografie che contengono più colori possono essere meglio compresse utilizzando il formato file JPEG. Imagely, invece, le immagini come le illustrazioni con meno dettagli di colore possono utilizzare il formato PNG per ottenere i migliori risultati.

Per maggiori dettagli sui formati dei file immagine, potete selezionare il nostro articolo su come ottimizzare le immagini in WordPress.

Tenendo conto di ciò, ecco una rapida panoramica degli aspetti che verranno coperti in questo articolo:

Pronti? Iniziamo.

Che dimensioni devono avere le immagini per il mio sito WordPress?

In un sito web WordPress medio, le immagini vengono utilizzate in diverse aree del sito. Avrete bisogno di immagini per i post del blog, per le miniature, per le immagini dell’header delle pagine, per le immagini di copertina e altro ancora.

WordPress gestisce automaticamente alcune dimensioni dei file immagine in modo predefinito. Ogni volta che caricate un’immagine, WordPress ne crea automaticamente diverse copie di dimensioni diverse.

Automatic copies of images in different sizes

È possibile visualizzare e persino regolare le dimensioni predefinite delle immagini di WordPress visitando la pagina Impostazioni ” Media nell’area di amministrazione di WordPress.

Qui si vedranno tre dimensioni di immagine: miniatura, medio e grande.

Default image sizes in WordPress

Tuttavia, il tema di WordPress può creare immagini di dimensioni aggiuntive e utilizzarle per diverse sezioni del sito.

Queste dimensioni non saranno visibili nella schermata “Media” e l’unico modo per visualizzare queste dimensioni aggiuntive è andare nel “File Manager” del vostro account di hosting WordPress.

Quindi, si dovrà navigare nella cartella /wp-content/uploads/ e selezionare una cartella dell’anno per sfogliarla. Questo vi aiuterà a vedere tutte le varie dimensioni delle immagini generate dal vostro sito WordPress.

Vediamo ora le diverse aree del sito web e le dimensioni delle immagini da utilizzare in tali aree.

Quali sono le dimensioni delle immagini da utilizzare nelle pubblicazioni dei blog?

Dovete scegliere le dimensioni delle immagini per i vostri blog in base al tema di WordPress.

Ad esempio, alcuni temi WordPress hanno un layout a colonna singola, che consente di utilizzare immagini più ampie.

Image in a single column layout

Altri temi per WordPress utilizzano layout a più colonne, che in genere consistono in un’area di contenuto e in una barra laterale.

Se si utilizza questo tipo di tema, significa che è necessario regolare la larghezza delle immagini di conseguenza.

Two column layout

Per la maggior parte dei blog, è possibile utilizzare le seguenti dimensioni delle immagini:

  • Layout a colonna singola: 1200×675 sgranature
  • Layout a due colonne: 680×382 sgranature

Ora, potreste notare che molti siti web WordPress popolari utilizzano la stessa larghezza per tutte le immagini all’interno di un articolo. NON SI TRADUCE: questa non è una regola rigida.

Ad esempio, se si deve aggiungere un blocco “Media e testo”, si può regolare la dimensione dell’immagine di conseguenza. Nell’esempio seguente, si utilizza un’immagine verticale accanto a del testo.

A blog post showing image in portrait size next to some text

Allo stesso modo, per alcune situazioni è possibile utilizzare immagini quadrate.

Per esempio, ecco un esempio di immagini quadrate utilizzate in un layout a più colonne.

Square images in columns

Quando si utilizzano immagini quadrate, è sufficiente assicurarsi che le dimensioni dell’immagine abbiano la stessa larghezza e altezza, ad esempio 300 x 300 pixel.

Leimmagini in evidenza, chiamate anche immagini inevidenza, sono una caratteristica dei temi di WordPress. Ciò significa che il tema determina le dimensioni delle immagini da visualizzare.

Ad esempio, alcuni temi WordPress possono utilizzare un rapporto di aspetto standard di 16:9 per le dimensioni delle immagini in evidenza, come 680×382 pixel.

Alcuni temi WordPress possono utilizzare l’immagine in evidenza anche come immagine dell’header. In questo caso, potrebbero essere necessarie immagini più grandi, come 1200×675 pixel.

Feaatured image used in cover

Le immagini in primo piano sono importanti perché il vostro tema WordPress può utilizzarle in diverse aree del vostro sito web. Spesso sono la prima cosa che i visitatori vedono, quindi è bene fare una buona prima impressione.

Si consiglia di utilizzare immagini più grandi, che possono risultare bellissime se ridimensionate o utilizzate in modalità più ampia.

Featured image inside container

Allo stesso modo, se il tema WordPress utilizza immagini quadrate per le immagini in evidenza, si consiglia di utilizzare immagini di almeno 600×600 pixel.

  • Per temi che utilizzano immagini in evidenza rettangolari: 1200×687 sgranatura
  • Per i temi che utilizzano immagini in evidenza di forma quadrata: 600×600 sgranatura

Il tema WordPress genererà dimensioni aggiuntive per le immagini in evidenza da utilizzare in aree diverse, come la homepage, la pagina del blog o le pagine dell’archivio.

Featured images on homepage

Quali sono le dimensioni delle immagini da utilizzare per i media?

Ora, se il tema WordPress utilizza immagini in evidenza con un rapporto di 16:9, è possibile utilizzarle anche come immagini per i social media per Twitter e Facebook.

Tuttavia, dovrete indicare esplicitamente a queste piattaforme quale immagine volete visualizzare quando qualcuno condivide un articolo dal vostro sito web.

Per farlo, è necessario il plugin All in One SEO per WordPress. È il miglior plugin SEO per WordPress presente sul mercato ed è utilizzato da oltre 3 milioni di siti web. Questo plugin può aiutarvi a ottimizzare il vostro sito web per i motori di ricerca e le piattaforme dei media.

Nota: avete un budget limitato? Esiste anche una versione gratuita e limitata di All in One SEO che potete provare.

Per iniziare, è necessario installare e attivare il plugin All in One SEO. Per maggiori dettagli, potete consultare la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’attivazione, il plugin avvia la configurazione guidata. È sufficiente seguire le istruzioni sullo schermo per completare il processo. Per istruzioni più dettagliate, potete anche consultare la nostra guida su come impostare All in One SEO.

Successivamente, è necessario visitare la pagina All in One SEO ” Social Networks e passare alla scheda Facebook. Da qui è possibile impostare ‘Featured Image’ come fonte di immagini predefinita di Open Graph.

Default image for Facebook Open Graph

Si può quindi passare alla scheda Twitter e fare lo stesso.

Non dimenticate di cliccare sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Se il tema di WordPress utilizza immagini di dimensioni diverse, Facebook e Twitter potrebbero non essere in grado di visualizzare correttamente le immagini.

In questo caso, è possibile fornire alle piattaforme di social media un’immagine personalizzata.

È sufficiente creare un’immagine con un rapporto di aspetto 16:9, che può essere di 1200×675 pixel o 680×382 pixel. Quindi, modificare la pagina o il post e scorrere giù fino alla sezione “Impostazioni AIOSEO” sotto l’editor.

Da qui, dovrete passare alla scheda “Social” e scorrere giù fino al campo “Image Source”. Dal menu a discesa, selezionare “Immagine personalizzata” e caricare l’immagine di Facebook.

Set custom image for Facebook

Una volta elaborato, si può ripetere il processo anche sulla scheda “Twitter”.

Notate che dovrete farlo per tutti gli articoli che pubblicherete per assicurarvi che i social media utilizzino l’immagine che desiderate. Per ulteriori informazioni sulle dimensioni delle immagini dei social media, consultate la nostra scheda sui social media di WordPress per i principianti.

Quali sono le dimensioni dell’immagine da utilizzare per il logo del sito web in WordPress?

Molti temi per WordPress vi indicheranno le dimensioni dell’immagine da utilizzare per il logo del vostro sito web.

Ad esempio, il nostro tema demo mostra questo messaggio quando si cerca di caricare un logo.

Logo image size recommendation

Tuttavia, se si utilizza un tema WordPress più recente con una caratteristica di modifica completa del sito, è possibile che non venga consigliata la dimensione dell’immagine del logo.

In questo caso, vi consigliamo di caricare diversi stili e dimensioni per vedere cosa si adatta meglio al vostro brand. Una dimensione dell’immagine del logo di 300×200 pixel può essere un buon punto di partenza.

Site logo block editor

Modifica delle immagini per il vostro sito web WordPress

Siamo consapevoli che la maggior parte degli utenti di WordPress non è un grafico di professione. Tuttavia, imparare a utilizzare un software di editing delle immagini per ridimensionarle per il vostro sito web WordPress è una grande abilità da possedere. Inoltre, è molto facile farlo.

WordPress stesso dispone di alcuni strumenti di base per la modifica delle immagini. Per utilizzarli, basta andare alla pagina Libreria dei media e fare clic su un’immagine.

L’immagine si aprirà in un popup, dove sarà presente un pulsante per modificarla.

Edit image in WordPress

Una volta fatto ciò, dovrebbero apparire le opzioni di modifica.

Gli strumenti di modifica includono il ridimensionamento, il ritaglio, la rotazione e il capovolgimento delle immagini di base.

Image editing options in WordPress

Questa modifica di base delle immagini è utile quando si deve correggere rapidamente un problema di immagine. Tuttavia, non è il modo migliore per modificare le immagini quotidianamente.

Fortunatamente, esistono diverse opzioni gratuite e poco costose da utilizzare:

  • Canva – software libero per l’editing di immagini basato sul web. Include anche template già pronti per immagini di siti web, loghi, immagini per i media e altro ancora.
  • Pixlr – Un software freemium per l’editing delle immagini basato sul web. Può essere utilizzato per ridimensionare facilmente le immagini per le pubblicazioni del blog.
  • Gimp – Software libero e gratuito per l’editing delle immagini. Questo strumento viene elaborato in corso come applicazione desktop nativa su Windows, Mac e Linux. Può essere utilizzato per ridimensionare immagini, aggiungere livelli di testo, modificare foto e altro ancora.

Speriamo che questo articolo vi abbia aiutato ad approfondire le dimensioni delle immagini di WordPress e quali dimensioni utilizzare sul vostro sito web. Potreste anche consultare la nostra guida su come add-on alle didascalie delle immagini in evidenza e su come correggere l’immagine in evidenza che non viene visualizzata su WordPress.

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

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

9 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. mohadese esmaeeli says

    Using SVG images to boost site speed is highly beneficial, but WordPress itself does not allow you to upload SVG images directly. Which format do you recommend?

  3. Moinuddin Waheed says

    Images are great part of website and are the reasons we see good website experience.
    I used to think image dimensions and image sizes to be two different things. Having a proper dimension for placing image for different needs is important and knowing the ideal size helps us to have an optimized image for our website.
    Thanks wpbeginner for giving different dimensions to use for different use cases.

  4. Sunil Suresh says

    A question:

    1a) In the article, you have said that WordPress generates certain image sizes on its own. So, I upload Image A, and WordPress creates copies of A at some pre-defined sizes. What happens when I delete Image A (let’s say I am no longer using it in any post/page)? Will WordPress automatically delete the generated images, or would I have to go into Media Library and manually delete the images?

    1b) Similarly, if it is some plugin that is generating the resized images, what happens to those generated images, when I delete the original image?

  5. ASHIKUR RAHMAN says

    i am using original size/dimension for photos converted before uploaded to wp. but my question is. for category/tag pages which size do i needs? as i have set 0 size in media settings page to upload image in original size. most of my image are 1280*720 or bigger due to my theme requirements

    • WPBeginner Support says

      Your specific theme would determine the size of the images needed for each section of your site and as each theme is different you would need to check with the support for the specific them you are using.

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.