WordPress 图像大小初学者指南(+ 最佳实践)

Pubblicato: 2022-07-12


Vuoi conoscere le dimensioni delle immagini di WordPress?

Spesso i principianti ci chiedono quali dimensioni delle immagini dovrebbero usare sul loro sito WordPress e come WordPress gestisce le immagini in diverse aree.

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

WordPress image sizes explained for beginners

Che cos'è una dimensione dell'immagine?

La dimensione dell'immagine di solito si riferisce alla larghezza e all'altezza di un'immagine misurata in pixel. Ad esempio, 1600×900 pixel significa un'immagine larga 1600 pixel e alta 900 pixel.

Image size in dimensions

Queste misurazioni sono anche chiamate dimensioni dell'immagine.

Fondamentalmente, un'immagine con dimensioni maggiori ha più pixel al suo interno, il che comporterà un aumento delle dimensioni del file immagine.

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

Se un'immagine è di dimensioni maggiori, il download per gli utenti richiederà più tempo e influirà sulla 速度和性能 del tuo sito web. Ecco perché è importante mantenere la dimensione del file immagine il più piccola possibile, mantenendo l'immagine delle giuste dimensioni.

Il che ci porta ai formati di file immagine.

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

Immagini come fotografie che contengono più colori possono essere compresse meglio utilizzando il formato file JPEG.

D'altra parte, le immagini come le illustrazioni con meno dettagli di colore possono utilizzare PNG per i migliori risultati.

Per maggiori dettagli sui formati di file immagine, consulta il nostro articolo su come ottimizzare le immagini in WordPress.

Detto questo, diamo un'occhiata alle dimensioni delle immagini da utilizzare in WordPress per le diverse aree del tuo sito web.

Che dimensioni dovrebbero avere le mie immagini per il mio sito WordPress?

Usando WordPress, utilizzerai le immagini in diverse aree del tuo sito web. Avrai bisogno di immagini per i post del tuo blog, miniature, intestazioni di pagina, immagini di copertina e altro ancora.

WordPress gestisce automaticamente alcune delle dimensioni dei file di immagine per impostazione predefinita. Ogni volta che carichi un'immagine, WordPress ne eseguirà automaticamente diverse copie in diverse dimensioni.

Automatic copies of images in different sizes

Puoi visualizzare e persino regolare le dimensioni predefinite delle immagini di WordPress visitando la pagina设置 » 媒体nell'area di amministrazione di WordPress.

Vedrai tre dimensioni per Medium, Thumbnail e Large.

Default image sizes in WordPress

Tuttavia, il tuo tema WordPress può creare le proprie dimensioni di immagine aggiuntive e utilizzarle per diverse sezioni del tuo sito.

Queste dimensioni non saranno visibili nella schermata Media e l'unico modo per visualizzare quelle dimensioni aggiuntive è accedere al File Manager sul tuo WordPress的托管 帐户。

Quindi vai alla cartella /wp-content/uploads/ e seleziona una cartella qualsiasi dell'anno per navigare. Questo ti aiuterà a vedere tutte le varie dimensioni delle immagini che il tuo sito WordPress sta generando.

Detto questo, diamo un'occhiata alle diverse aree del tuo sito Web e alle dimensioni dell'immagine che dovresti utilizzare in quelle aree.

Quali dimensioni dell'immagine utilizzare nei post del blog

Devi scegliere la dimensione dell'immagine per i post del tuo blog in base al tuo WordPress主题.

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

Image in a single column layout

D'altra parte, alcuni temi WordPress utilizzano layout a più colonne (contenuto + barra laterale), il che significa che è necessario regolare la larghezza dell'immagine di conseguenza.

Two column layout

Per la maggior parte dei blog puoi utilizzare le seguenti dimensioni dell'immagine:

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

Ora, potresti notare che molti siti Web WordPress popolari utilizzano la stessa larghezza dell'immagine per tutte le loro immagini all'interno di un articolo. Tuttavia, questa non è una regola rigida.

Ad esempio, se devi aggiungere il blocco "Media e testo", puoi regolare le dimensioni dell'immagine di conseguenza. Nell'esempio seguente, stiamo usando un'immagine in formato verticale accanto a del testo.

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

Allo stesso modo, potresti voler utilizzare immagini quadrate per alcune situazioni.

Ad esempio, ecco un esempio di immagini quadrate utilizzate in un 多列布局.

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.

Quali dimensioni dell'immagine utilizzare per le immagini in primo piano

特色图片, chiamate anche miniature dei post, sono una funzionalità del tema di WordPress. Ciò significa che il tuo tema determinerà le dimensioni delle immagini da visualizzare.

Ad esempio, alcuni temi WordPress possono utilizzare le proporzioni standard 16:9 per le dimensioni delle immagini in primo piano (ad esempio, 680 × 382 pixel).

Alcuni temi WordPress possono anche utilizzare l'immagine in primo piano come immagine di intestazione più grande. Per farlo, potrebbero aver bisogno di immagini più grandi (come 1200×675).

Feaatured image used in cover

Le immagini in primo piano sono importanti poiché il tuo tema WordPress potrebbe utilizzarle in diverse aree del tuo sito web. Spesso sono la prima cosa che vedono i tuoi visitatori, quindi vorrai fare una buona prima impressione.

Ti consigliamo di utilizzare immagini più grandi, in modo che siano comunque belle sia che vengano ridimensionate o utilizzate in modalità più ampie.

Featured image inside container

Allo stesso modo, se il tuo tema WordPress utilizza immagini quadrate per l'immagine in primo piano, ti consigliamo di utilizzare immagini di almeno 600 × 600 pixel.

  • Per i temi che utilizzano immagini in primo piano rettangolari: 1200×687 pixel
  • Per i temi che utilizzano immagini in primo piano quadrate: 600×600 pixel

Il tuo tema WordPress genererà dimensioni aggiuntive per le immagini in primo piano da utilizzare in aree diverse come 网页, 博客页面 o pagine di archivio.

Featured images on homepage

Quali dimensioni dell'immagine utilizzare per i social media

Ora, se il tuo tema WordPress utilizza immagini in primo piano con proporzioni 16:9, puoi anche usarle come immagini dei social media per Twitter e Facebook.

Tuttavia, dovrai indicare esplicitamente a quelle piattaforme quale immagine desideri visualizzare quando qualcuno condivide un articolo dal tuo sito web.

Per farlo, avrai bisogno del plugin 所有在一个搜索引擎优化 per WordPress. È il 最好的 WordPress SEO 插件 sul mercato utilizzato da oltre 3 milioni di siti web. Ti aiuta a ottimizzare il tuo sito web per i motori di ricerca e le piattaforme di social media.

备注: C'è anche un 多合一搜索引擎优化的免费版本 你可以试试。

Innanzitutto, è necessario installare e attivare il plug-in. Per maggiori dettagli, consulta la nostra guida passo passo su 如何安装WordPress插件.

Dopo l'attivazione, il plug-in avvierà la procedura guidata di configurazione. Segui le istruzioni sullo schermo per completare la procedura guidata. Puoi anche vedere la nostra guida su come impostare All in One SEO 逐步说明。

Successivamente, devi visitare la pagina All in One SEO »Social network e passare alla scheda Facebook. Da qui puoi impostare "Immagine in primo piano" come origine dell'immagine Open Graph predefinita.

Default image for Facebook Open Graph

Puoi quindi passare alla scheda Twitter e fare lo stesso.

不要忘记单击“保存更改”按钮来存储您的设置。

Ora, se il tuo tema WordPress utilizzava immagini di dimensioni diverse, Facebook e Twitter potrebbero non essere in grado di visualizzare correttamente quelle immagini.

In tal caso, puoi fornire alle piattaforme di social media un'immagine personalizzata.

Crea semplicemente un'immagine con proporzioni 16:9 (1200×675 pixel o 680×382 pixel). Quindi modifica il post o la pagina e scorri verso il basso fino alla sezione Impostazioni AIOSEO sotto l'editor.

Da qui, devi passare alla scheda Social e scorrere fino alla sezione Fonte immagine. Dal menu a tendina, seleziona Immagine personalizzata e poi carica la tua immagine di Facebook.

Set custom image for Facebook

Dovrai ripetere il processo anche nella scheda Twitter.

Dovrai farlo per tutti gli articoli che pubblichi per assicurarti che i social media utilizzino l'immagine che desideri che utilizzino.

Per ulteriori dimensioni delle immagini dei social media, consulta il nostro cheat sheet sui social media di WordPress 适合初学者。

Quale dimensione dell'immagine utilizzare per il logo del sito Web in WordPress

Molti temi WordPress ti faranno sapere quale dimensione dell'immagine dovresti usare per il logo del tuo sito web.

Ad esempio, il nostro tema demo mostra questo messaggio quando abbiamo provato a caricare un logo.

Logo image size recommendation

Tuttavia, se stai utilizzando un tema WordPress più recente con funzionalità di modifica completa del sito, potresti non ricevere una raccomandazione per la dimensione dell'immagine del logo.

In tal caso, ti consigliamo di caricare stili e dimensioni diversi per vedere cosa si adatta meglio al tuo marchio. 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 tuo sito Web WordPress

La maggior parte degli utenti di WordPress non sono grafici di professione. Tuttavia, dovrai utilizzare un software di modifica delle immagini per creare dimensioni delle immagini per il tuo sito Web WordPress.

WordPress stesso viene fornito con alcuni strumenti di base per la modifica delle immagini. Per utilizzarli è sufficiente andare alla pagina媒体 » 图书馆e fare clic su un'immagine.

Questo aprirà l'immagine in un popup in cui vedrai un pulsante per modificare l'immagine.

Edit image in WordPress

Questo aprirà le opzioni di modifica.

Gli strumenti 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 se devi correggere rapidamente un'immagine. Tuttavia, non è il modo migliore per modificare le tue immagini giorno per giorno.

Fortunatamente, ci sono diverse opzioni gratuite ed economiche che puoi utilizzare.

  • canva – software gratuito per l'editing di immagini basato sul web. Include anche modelli già pronti per immagini di siti Web, loghi, immagini di social media e altro ancora.
  • 的Pixlr – Un software di editing di immagini basato sul web freemium. Può essere utilizzato per ridimensionare facilmente le immagini per i post del tuo blog.
  • 花边 – Software di editing di immagini gratuito e open source. Funziona come un'app desktop nativa su Windows, Mac e Linux. Può essere utilizzato per ridimensionare immagini, aggiungere livelli di testo, modificare foto e altro ancora.

Ci auguriamo che questo articolo ti abbia aiutato a saperne di più sulle dimensioni delle immagini di WordPress e sulle dimensioni delle immagini da utilizzare sul tuo sito web. Potresti anche voler vedere la nostra guida su come scegliere il miglior costruttore di siti Web o la nostra selezione esperta di WordPress per siti di piccole imprese.

如果您喜欢这篇文章,请订阅我们的 YouTube频道 用于 WordPress 视频教程。 你也可以找到我们 Twitter 和 Facebook.