Introduzione

L’immagine in primo piano è un elemento cruciale di WordPress che migliora l’aspetto visivo di post e pagine. Serve come miniatura negli archivi dei blog, nelle anteprime dei social media e nei layout dei siti web. Tuttavia, la comprensione delle dimensioni corrette e delle tecniche di ottimizzazione delle immagini in evidenza può migliorare le prestazioni del sito web e la coerenza del design.

Dimensioni predefinite delle immagini in primo piano in WordPress

WordPress genera automaticamente più versioni di un’immagine caricata in dimensioni diverse. Le impostazioni predefinite includono: Miniatura: 150×150 pixel (ritagliata)

  • Media: 300×300 pixel (larghezza e altezza massime)
  • Grande: 1024×1024 pixel (larghezza e altezza massime)
  • Dimensione completa: Le dimensioni dell’immagine originale caricata

Queste dimensioni possono essere regolate in Impostazioni > Media nella dashboard di WordPress.

Scegliere la giusta dimensione dell’immagine in primo piano

Le dimensioni ideali di un’immagine in primo piano dipendono dal tema e dal layout. Le dimensioni comuni consigliate sono:

  • Miniatura standard del post del blog: 1200×628 pixel (ottimizzata per la condivisione sui social media)
  • Banner a tutta larghezza: 1920×1080 pixel (utilizzato nelle sezioni hero)
  • Miniatura della barra laterale: 300×300 pixel (per widget e pannelli laterali)

Per garantire un corretto ridimensionamento, controllare sempre la documentazione del tema per le dimensioni consigliate.

Ottimizzazione delle immagini in primo piano per le prestazioni

Le immagini di grandi dimensioni possono rallentare un sito web, incidendo negativamente sulla SEO e sull’esperienza dell’utente. Per ottimizzare le immagini:

  1. Utilizzare i plugin di compressione delle immagini – Strumenti come Smush, Imagify e ShortPixel riducono le dimensioni dei file senza perdere qualità.
  2. Scegliere il formato giusto – Utilizzare JPEG per le fotografie e PNG per le immagini trasparenti.
  3. Abilitare il caricamento pigro – Questo aiuta a caricare le immagini solo quando appaiono nel viewport, migliorando la velocità della pagina.
  4. Utilizzare un CDN (Content Delivery Network) – Distribuisce le immagini su più server per ridurre i tempi di caricamento.

Cambiare le dimensioni dell’immagine in primo piano in WordPress

Se le dimensioni predefinite non sono adatte alle vostre esigenze, potete modificarle utilizzando:

1. Regolazione nelle impostazioni dei media

Andare in Impostazioni > Media e modificare le dimensioni.

2. Personalizzazione con il codice

Modificare il file functions.php per definire le dimensioni personalizzate:

Per dimensioni aggiuntive:

Quindi utilizzare:

Per visualizzare le dimensioni dell’immagine personalizzata in un modello di tema.

3. Rigenerazione delle anteprime

Dopo aver modificato le dimensioni delle immagini, utilizzare il plugin Regenerate Thumbnails per aggiornare le immagini esistenti.

Conclusione

Conoscere le dimensioni delle immagini in evidenza di WordPress aiuta a mantenere un sito web visivamente accattivante e veloce. Selezionando le dimensioni giuste, ottimizzando le immagini e personalizzando le dimensioni quando necessario, è possibile migliorare sia l’estetica che le prestazioni. Verificate sempre le impostazioni delle immagini per assicurarvi che siano in linea con i requisiti del vostro tema.