Come impedire a WordPress di generare dimensioni delle immagini

Quando carichi un'immagine su WordPress, per impostazione predefinita vengono generate tre dimensioni dell'immagine (dimensione miniatura, dimensione media e dimensione grande). Tuttavia, a volte potresti voler utilizzare dimensioni delle immagini WordPress personalizzate, per scopi di progettazione o per gestire le prestazioni del tuo sito.

Sebbene WordPress comprima automaticamente le immagini sia una comodità, può finire per creare troppi file che occupano spazio di archiviazione non necessario e portare a backup troppo grandi. Fortunatamente, ci sono dei passaggi che puoi adottare per evitare che ciò accada.

In questo post, risponderemo alla domanda: "Perché WordPress ridimensiona le mie immagini?" Spiegheremo perché potresti voler impedire a WordPress di generare più dimensioni di immagini WordPress e mostrarti come farlo. Iniziamo!

Perché WordPress genera più dimensioni dell'immagine

In parole povere, WordPress ridimensiona automaticamente le immagini per aiutarti a risparmiare larghezza di banda e impedirti di dover ridimensionare manualmente le immagini. Ad esempio, la dimensione dell'immagine che useresti per la miniatura di un post è molto diversa da quella che useresti per un dispositivo di scorrimento dell'immagine nella tua home page. Generando dimensioni dell'immagine aggiuntive, WordPress semplifica la selezione dell'opzione più appropriata per ogni caso d'uso.

Quali sono le dimensioni standard delle immagini per WordPress?

Ogni volta che carichi un'immagine su WordPress, vengono create tre nuove versioni, per un totale di quattro dimensioni. Le dimensioni dell'immagine predefinite sono:

• Dimensione miniatura : 150 x 150 pixel
• Dimensioni medie – 300 x 300 pixel (massimo)
• Grandi dimensioni : 1024 x 1024 pixel (massimo)
• Full size : dimensione dell'immagine originale

Le dimensioni delle immagini di WordPress sono suddivise in livelli in questo modo per semplificare il web design. Non è necessario ridimensionare manualmente una foto o un elemento grafico da utilizzare, ad esempio, come immagine in primo piano: la dimensione dell'immagine corretta esiste già in WordPress.

Quando impedire a WordPress di generare immagini di dimensioni diverse

Oltre alle diverse dimensioni dell'immagine generate da WordPress, il tuo tema può anche creare copie o dimensioni dell'immagine aggiuntive, ad esempio per una presentazione della home page o post in primo piano. Questa ridondanza può presentare problemi, come il fatto che i backup richiedano più tempo o le pagine vengano caricate più lentamente.

Per questo motivo, ci sono momenti in cui impedire a WordPress di generare immagini di dimensioni diverse è vantaggioso. Se stai cercando di risparmiare spazio, di avere un sito Web ricco di immagini come un sito immobiliare o fotografico, o semplicemente non stai utilizzando tutte le diverse dimensioni delle immagini che vengono create, potresti aggiungere ulteriore volume al tuo sito per nessuna ragione.

Come impedire a WordPress di generare copie di immagini di dimensioni diverse

Ora che capisci perché WordPress genera più dimensioni dell'immagine e perché ha senso impedirlo, è ora di mettersi al lavoro. Diamo un'occhiata a come impedire a WordPress di generare immagini di dimensioni diverse in sei semplici passaggi.

Passaggio 1: collega il tuo sito a un client FTP (per determinare quante immagini vengono eseguite le copie)

Il primo passo è capire quante copie sta generando WordPress quando carichi un'immagine. Puoi farlo collegandoti al tuo sito tramite un client FTP (FileTransfer Protocol) o il file manager del tuo cPanel.

Come accennato in precedenza, WordPress genera tre copie per impostazione predefinita. Tuttavia, il tuo tema può anche creare il proprio set di dimensioni dell'immagine per i cursori, ecc. Quindi è importante sapere esattamente quali copie vengono generate.

Passaggio 2: carica un'immagine sul tuo sito

Quindi, carica un'immagine sul tuo sito dall'area di amministrazione della dashboard di WordPress e apri la libreria multimediale ( Media> Aggiungi nuovo ).

Fare clic su Seleziona file e quindi scegliere il file immagine da caricare.

Passaggio 3: vai alla directory di caricamento del tuo sito

All'interno del tuo File Manager o client FTP, vai alla directory "upload" del tuo sito. Questo si troverà all'interno della cartella wp-contents . Lì troverai tutte le copie delle tue immagini esistenti, che sono organizzate per data:

Almeno, dovresti trovare le tre dimensioni dell'immagine generate da WordPress. Se ce ne sono più di tre, sono probabilmente le copie create dal tuo tema WordPress (nel nostro esempio sopra, ci sono cinque copie in totale).

Passaggio 4: imposta le dimensioni dell'immagine su zero

Quindi, vai su Impostazioni> Media nella dashboard di amministrazione di WordPress.

Lì troverai le impostazioni dell'immagine predefinite:

Cambia ciascuno dei valori per le dimensioni dell'immagine su 0 (supponendo che siano tutti quelli che non utilizzerai). Quando hai finito, seleziona il pulsante Salva modifiche nella parte inferiore della pagina.

Passaggio 5: apri il file functions.php del tuo tema WordPress

Ora hai impedito a WordPress di generare più copie delle immagini esistenti che carichi. Tuttavia, potresti anche dover impedire al tuo tema di fare la stessa cosa.

Per farlo, vai al file functions.php per il tuo tema WordPress.

Lo troverai nella cartella /wp-contents/themes/ della directory del tuo sito web.

Passaggio 6: elimina il codice dimensione immagine predefinito

Una volta che sei nel file functions.php , cerca tutte le righe di codice simili a questa:

add_image_size('homepage-thumb', 200, 160, true);

A seconda del tema che stai utilizzando, potrebbero esserci più versioni di questa linea. Dovrai anche cercare quelli che dicono "set_thumbnail_post_size". Rimuovi queste righe, quindi salva le modifiche.

Come impedire a WordPress di comprimere le immagini

Oltre a impedire a WordPress e al tuo tema di generare immagini di dimensioni multiple, puoi anche impedire loro di comprimere le immagini. Sebbene la compressione abbia lo scopo di migliorare le prestazioni senza ridurre la qualità, non è sempre così.

Con questo in mente, ecco come impedire a WordPress di comprimere e ritagliare le immagini in tre semplici passaggi.

Passaggio 1: apri il file functions.php

Se vuoi disabilitare la compressione delle immagini di WordPress, il primo passo è individuare e aprire il file functions.php del tuo tema. Ancora una volta, puoi farlo connettendoti al tuo sito tramite un client FTP o accedendo al File Manager del tuo cPanel.

Passaggio 2: modifica il valore di ritorno su 100

Dopo aver individuato e aperto il file functions.php nella directory del tema, aggiungi semplicemente la seguente riga di codice:

add_filter('jpeg_quality', function($arg){return 100;});

Puoi anche modificare il valore di "ritorno" in modo che sia inferiore a 100, se preferisci.

Passaggio 3: salva le modifiche

Al termine, salva le modifiche. Ora WordPress smetterà di comprimere automaticamente le immagini e manterrà invece la loro qualità originale. Nota che per vedere l'effetto che ha luogo, dovrai rigenerare le tue miniature.

Come ottimizzare le immagini di WordPress

L'ottimizzazione delle immagini per il Web comporta la riduzione della dimensione complessiva del file senza ridurre la qualità dell'immagine. L'obiettivo finale è un sito che si carichi più velocemente; un sito web veloce migliora la SEO e attira visitatori.

Il modo migliore per ottimizzare le immagini per WordPress è apportare modifiche prima del caricamento. Questo processo si verifica generalmente nelle impostazioni Salva o Esporta del tuo editor di immagini (come Adobe Photoshop o GIMP). Ecco una checklist passo passo da seguire:

Passaggio 1: ridurre le dimensioni dell'immagine

Se la tua immagine è di 2000 x 2000 pixel o più, vale la pena ridurre le dimensioni prima di caricarla su WordPress. Salvo rari casi, una foto sul tuo sito non deve essere così grande. Le dimensioni finali dipenderanno dall'utilizzo dell'immagine, ma ridurre l'altezza e la larghezza ad almeno 1200 px è un buon inizio.

Passaggio 2: seleziona Formato immagine

Poiché le dimensioni dei file più piccole sono l'ideale, la scelta del formato è fondamentale. Quando si salva l'immagine, evitare file TIFF di alta qualità, poiché le dimensioni aumentano notevolmente.

Invece, attieniti ai PNG per loghi e grafica e JPEG per le foto. Sebbene i JPEG riducano leggermente la qualità dell'immagine, il risultato è impercettibile sul Web e l'immagine verrà caricata più velocemente.

Passaggio 3: scegli l'importo della compressione

Le capacità di compressione delle immagini variano in base al software. Ma la maggior parte delle volte, stai cercando un menu a discesa o un dispositivo di scorrimento con l'etichetta Qualità dell'immagine o Compressione . In genere lo vedrai quando salvi la tua foto.

La compressione riduce le dimensioni di un file senza sacrificare la qualità. Maggiore è la compressione, minore è il file. La scelta di un numero inferiore per Qualità esegue la stessa funzione. 150 KB o meno è un obiettivo finale sicuro per l'ottimizzazione delle immagini.

Plugin per l'ottimizzazione delle immagini

In alternativa, puoi utilizzare un plugin per WordPress per ottimizzare le tue immagini al momento del caricamento. Opzioni come Smush o EWWW Image Optimizer ti consentono di controllare facilmente le dimensioni delle immagini.

Mantieni il tuo sito ottimizzato con WP Engine

Per impostazione predefinita, WordPress genera automaticamente più dimensioni dell'immagine durante il processo di caricamento. Tuttavia, quando utilizzi un tema o plug-in che creano anche copie delle tue immagini, ciò può portare a backup inutilmente grandi e meno spazio su disco. Fortunatamente, puoi impedire a WordPress di farlo impostando le dimensioni dell'immagine predefinite su zero nelle impostazioni multimediali.

Naturalmente, questo è solo uno dei tanti modi in cui puoi ottimizzare il tuo sito WordPress. Se stai cercando di migliorare l'intera esperienza digitale, scopri come i nostri migliori piani di hosting possono aiutarti a portare la tua presenza online (e i tuoi clienti) a un livello superiore!