Cheat sheet delle dimensioni delle immagini di WordPress
Il riferimento definitivo per le dimensioni delle immagini di WordPress: ogni dimensione registrata e le sue dimensioni reali, quali applicano un ritaglio forzato, la soglia -scaled di 2560px, le dimensioni di WooCommerce e cosa caricare per ogni scopo.
Guardalo sulla tua immagine — apri Image Size LabDimensioni principali
Registrate in ogni installazione standard di WordPress.
| Nome | Dimensione | Ritaglio | Modificabile nell'admin? |
|---|---|---|---|
| thumbnail | 150 × 150 | ritaglio forzato | Settings → Media |
| medium | 300 × 300 | adattamento | Settings → Media |
| medium_large | 768w | adattamento | Nessuna UI |
| large | 1024 × 1024 | adattamento | Settings → Media |
| 1536x1536 | 1536 × 1536 | adattamento | Nessuna UI |
| 2048x2048 | 2048 × 2048 | adattamento | Nessuna UI |
medium_large (768w) e le due dimensioni retina non hanno alcuna interfaccia di amministrazione — dalla bacheca non sapresti nemmeno che esistono. E qualsiasi caricamento che superi i 2560px sul lato più lungo riceve anche una copia -scaled, che WordPress serve poi al posto dell'originale.
Dimensioni WooCommerce
Aggiunte quando WooCommerce è attivo. Configurabili in Appearance → Customize → WooCommerce → Product Images. I valori predefiniti sono cambiati tra le versioni di Woo, quindi considerali indicativi e verifica la tua installazione.
| woocommerce_thumbnail | 300 × 300 | ritaglio forzato |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | ritaglio forzato |
Cosa caricare davvero
Indicazioni per finalità — non dimensioni registrate, solo dimensioni di partenza sensate.
Copre il rapporto per la condivisione social e si riduce in modo pulito per l'uso nel tema. Il valore predefinito più sicuro in assoluto.
Abbastanza ampia per gli schermi grandi, sotto la soglia -scaled di 2560px così il tuo originale viene servito così com'è.
Corrisponde all'intervallo medium_large / large che la maggior parte dei temi mostra effettivamente.
Caricalo più grande di quanto lo mostri; WordPress riduce in modo pulito, non ingrandisce mai.
WordPress richiede un minimo di 512 × 512 e la ritaglia in un quadrato.
Il rapporto 1.91:1 che Facebook, LinkedIn e X si aspettano. WordPress non la genera; il tuo plugin SEO sceglie la dimensione più vicina.
Errori comuni e la vera causa
L'immagine appare sfocata dopo il caricamento
Causa: La tua immagine superava i 2560px sul lato più lungo, quindi WordPress ha creato una copia "-scaled" e serve quella al posto dell'originale.
Soluzione: Disattiva o aumenta il big_image_size_threshold, oppure carica sotto i 2560px.
La thumbnail taglia le teste
Causa: thumbnail esegue per impostazione predefinita un ritaglio forzato a un quadrato 150 × 150, centrato — tutto ciò che è fuori centro viene tagliato.
Soluzione: Carica con il soggetto centrato, oppure registra una dimensione personalizzata con un ritaglio diverso.
La cartella uploads è enorme
Causa: WordPress salva un file per ogni dimensione registrata. Il core ne crea 6 più l'originale; un tema e WooCommerce ne aggiungono altre.
Soluzione: Smetti di generare le dimensioni che non usi con intermediate_image_sizes_advanced.
Manca la versione large / 1536 / 2048
Causa: WordPress non ingrandisce mai. Se il tuo caricamento è più piccolo di una dimensione, quella dimensione semplicemente non viene generata.
Soluzione: Carica un'immagine di partenza più grande.
Le immagini responsive (srcset) sembrano di bassa qualità
Causa: È stata rimossa una dimensione da cui srcset dipende — di solito medium_large (768w).
Soluzione: Mantieni medium_large; esiste principalmente per alimentare srcset.