Guide

Strumenti per ottimizzare immagini e ridurre peso foto in WordPress

Per ottimizzare le immagini presenti sul tuo sito web puoi decidere di ridurne le dimensioni o addirittura ottimizzarle dal punto di vista della SEO. Interessante, vero? Scopri di più.

Uno dei passi fondamentali per rendere più veloce il tuo sito WordPress e migliorarne il posizionamento su Google è sicuramente ottimizzare le immagini.

ottimizzare le immagini

Per quanto riguarda il tempo di caricamento, se hai mai provato ad usare lo strumento PageSpeed Insight di Google, molto probabilmente ti è stato suggerito di ridurre le dimensioni di foto e grafiche. Fortunatamente, usando WordPress hai a disposizione diversi strumenti per ottimizzare le immagini.

Oltre a lavorare sulle dimensioni vere e proprie delle fotografie, potrai usare plugin per ottimizzarle a livello SEO, anche dopo che sono state caricate ed incorporate all’interno di pagine ed articoli.

Vediamo subito quali sono gli strumenti migliori per ottimizzare le immagini su WordPress.

Come ottimizzare le immagini sul tuo sito WordPress

Ridurre le dimensioni dei file

Riducendo le dimensioni (o peso) dei file, puoi ridurre notevolmente il tempo di caricamento delle pagine.

Attenzione!

E’ un’ottima abitudine ottimizzare le immagini prima di caricarle sul tuo sito.

Puoi farlo usando sia programmi offline che strumenti online.

1. Strumenti offline e online

Tra i programmi da installare sul PC, io uso spessissimo Caesium. Questo software è facile da usare e permette di ridurre molto le dimensioni dei file.

Un altro strumento interessante (questa volta online) è ImageOptimizer.

Semplicemente, vai sulla pagina web e seleziona dal tuo PC l’immagine da ottimizzare. Quindi, imposta la qualità che vuoi mantenere e altezza e larghezza massima. Infine, clicca Optimize Now! Potrai quindi scaricare sul tuo PC la tua immagine ottimizzata.

image optimizer

Se ImageOptimizer ti piace, puoi anche scaricarlo ed usarlo come programma sul tuo PC (usando la versione desktop potrai ottimizzare più immagini allo stesso tempo e risparmiare il tempo di caricamento).

2. Ottimizzare le immagini con i plugin

Come ho già anticipato, l’ideale è ottimizzare le immagini prima di caricarle sul tuo sito WordPress. Se però vuoi ridurre le dimensioni di file che hai caricato in passato, non disperare: potrai farlo direttamente all’interno della tua Libreria Media sfruttando degli ottimi plugin.

EWWW Image Optimizer

ewww image optimizer per ottimizzare le immagini

Questo plugin è ottimo sia per ottimizzare le immagini che hai già caricato sul tuo sito WordPress, che per ridurre le dimensioni di quelle nuove.

Se la tua Libreria Media contiene molte immagini, sfrutta la funzionalità Bulk Optimize per ottimizzarle in massa.

È importante notare che questo strumento usa tecniche di ottimizzazione che non riducono la qualità delle immagini.

Come già spiegato in diverse guide su questo blog, troppi plugin possono rallentare il tuo sito web. Se vuoi sfruttare le funzionalità di EWWW Image Optimizer ma non appesantire troppo il tuo server, ti consiglio di provare la versione cloud del plugin.

WP Smush.it

Questo plugin è un’ottima alternativa a EWWW Image Optimizer. Funziona in modo similare: ogni volta che carichi una nuova immagine sul tuo sito, questa viene automaticamente ottimizzata. Inoltre, puoi ottimizzare anche i file già presenti nella tua Libreria Media.

WP Smush.it è mantenuto dal team di WPMUDEV (un’azienda molto conosciuta che si occupa di sviluppare plugin e strumenti premium per WordPress) e si appoggia a Yahoo per processare le immagini.

Come evidenziato sulla pagina di presentazione del plugin, ti consiglio di leggere con attenzione la privacy policy di Yahoo per capire il funzionamento di WP Smush.it e i diritti relativi all’utilizzo dei file.

3. Lazy Loading

Ora che abbiano visto alcuni strumenti utili per ridurre le dimensioni delle immagini, vediamo come ottimizzare la performance del tuo sito sfruttando il Lazy Loading.

Semplicemente, il lazy loading viene usato per caricare le immagini solo quando l’utente scorre verso il basso della pagina e queste devono effettivamente essere visualizzate. In questo modo, il caricamento di immagini che si trovano a fondo pagina non rallenta la visualizzazione di tutti i contenuti.

Il migliore plugin WordPress per implementare questa funzionalità è BJ Lazy Load.

Ottimizzare le tue immagini in chiave SEO

Infine, vediamo come ottimizzare le immagini da un punto di vista strettamente SEO.

Come spiegato in questo articolo, è essenziale che le tue immagini abbiano un titolo e un tag ALT. Il tag ALT è il testo che appare se l’immagine vera e propria non può essere caricata; viene anche utilizzato dai crawler dei motori di ricerca per comprendere il contenuto di un file ed indicizzarlo di conseguenza.

SEO Optimized Images

seo-optimized-images

Un ottimo plugin per aiutarti ad ottimizzare le immagini da un punto di vista SEO è, appunto, SEO Optimized Images. Una volta attivato e configurato, questo strumento completa automaticamente i campi tag ALT e titolo delle tue immagini (non va però a modificare i dati nel database; questo significa che, qualora tu volessi disattivare il plugin, tutto tornerebbe allo stato originario).

Conclusione

Oggi abbiamo visto diversi strumenti utili per ottimizzare le tue immagini su WordPress. Alcuni plugin, come EWWW Image Optimizer, servono a ridurre le dimensioni dei file; altri, come SEO Optimized Images, a completare correttamente tutti i campi necessari per la SEO.

Fino ad oggi avevi mai pensato di ottimizzare le immagini sul tuo sito? Se sì, lo hai fatto “manualmente” oppure hai usato i plugin WordPress? Come sempre, per domande, suggerimenti o dubbi, lascia un messaggio sotto all’articolo!

Altre guide della stessa
categoria

62 COMMENTI
Commenta
  1. Leonardo

    Buongiorno e grazie per tutte le dritte che date a noi inesperti,
    una domanda. Ma se installo EWWW, ridimensiono le foto che avevo già caricato in passato e poi elimino il plugin le foto rimarrebbero ridimensionate o tutto tornerebbe come prima?

    Cordiali saluti e grazie ancora.

    Rispondi
    • Team

      Ciao Leonardo, le immagini ridimensionate rimarranno impostate e dunque ottimizzate, come predisposto dal plugin, anche dopo una sua eventuale disinstallazione. Un saluto!

      Rispondi
  2. alex

    Ciao, esiste un unico software che mi consenta di ottimizzare e poi tiragliare le immagini ad una dimensione esatta? Uso spesso sul sito foto quadrate e partendo da foto in formato rettangolare mi tocca prima ottimizzarle con file minimizer, poi ritagliarlea forma quadrata ed infine con altro software dargli la misura esatta in pixel! E questo lavor è frustrante! Grazie per l’aiuto! Al

    Rispondi
  3. Luca

    Ciao,
    io vorrei un consiglio per migliorare le immagini. In particolare vorrei sapere se conoscete qualche programma che permetta di perfezionare le immagini (tonalità ,contrasto ecc.) senza appesantirle più di tanto. Utilizzo già Caesium, ma a volte, partendo con immagini piuttosto pesanti, la dimensione finale, anche se compressa, è comunque notevole.
    Grazie!

    Rispondi
  4. Elena

    Ciao, forse questa non è la sezione più adatta per il mio “problema” ma, diversamente, non so dove postare il mio commento.
    Come devo fare per inserire un bordo alle immagini degli articoli?

    Grazie in anticipo

    Rispondi
  5. Mina

    ciao Chiara e saluti a tutto lo staff
    intanto grazie per tutti i vostri articoli sempre utili e ben fatti
    ho scaricato il plugin EWWW Image Optimizer per ottimizare le foto e immagini del mio sito che tratta di hobby femminili con tutorial e schemi quindi ho tantissime foto ed è un ottimo plugin ma non è bastato per velocizare il sito
    quindi ho deciso di ridurre al minimo le immagini degli schemi che devono per forza essere grandi altrimenti non si possono usare e trasferirli su pinterest oppure avevo pensato di inviarli via email a chi ne faceva richesta
    ho notato però che anche riducendo le immagini al minimo direttamente sul sito e sull’immagine originale la dimensione della stessa rimane uguale sul sito
    all’inizio ho pensato che era un effetto momentaneo ma dopo tanti giorni è sempre la stessa cosa come è possibile?
    grazie e buona domenica

    Rispondi
    • Chiara Buzzi

      Ciao Mina, grazie a te per il commento e complimenti per il tuo progetto online!
      Nella guida, quando parliamo di ridurre l’immagine ci riferiamo al peso, non necessariamente alle dimensioni. Spesso le due cose sono correlate, però è possibile ridurre il peso di un’immagine senza renderla più piccola o ridurne la qualità.
      Come regola generale, è però importante non caricare immagini più grandi di quello che ti serve effettivamente!
      Hai fatto benissimo ad usare EWWW Image Optimizer ed ottimizzare le immagini con quello. Se il tuo sito risulta ancora lento ti consiglio di fare due cose: innanzitutto, installare un plugin di caching, come WP Super Cache. Oltre a questo, puoi anche provare a togliere qualche plugin che non ti serve. Ovviamente poi è anche importante avere il sito su un server dalle buone performance (noi solitamente consigliamo SiteGround, trovi diverse guide qui sul blog).
      Facci sapere come va! Buon lavoro,

      Rispondi
  6. Federica

    Ciao Chiara, grazie mille per articolo, io continuo pero’ ad avere un dubbio ovvero:
    – quali sono le dimensioni consigliate/migliori a tuo avviso per caricare una immagine in un articolo di wordpress ? (brancolo nel buio e non riesco ad uscirne). Grazie mille

    Rispondi
    • Chiara Buzzi

      Ciao Federica! Grazie per il commento. In realtà, dipende tutto dal tema che usi e dall’importanza che hanno le immagini all’interno del tuo sito. Per esempio, se ti occupi di fotografia, ovviamente è meglio prediligere immagini molto grandi ed ad alta definizione anche se questo può andare a compromettere leggermente la performance (in quel caso, dovresti implementare altre misure per migliorare la performance del sito, come installare strumenti di caching).
      In generale, le linee guida WordPress suggeriscono di mantenere per le immagini grandi ed ad alta definizione un peso tra i 100 ed i 60KB. Per le immagini più piccole, idealmente intorno ai 30KB.
      Spero che queste informazioni ti siano utili! Facci sapere se hai altri dubbi.
      Chiara

      Rispondi
  7. Tiziana

    Grazie per l’articolo stavo proprio cercando un sistema semplice per velocizzare il caricamento delle pagine del mio food blog http://www.unapigraincucina.com alleggerendo le immagini. Questo plugin sembra fare al caso mio . Peró prima di combinare pasticci vorrei essere sicura di aver capito bene le sue funzionalità.
    Riassumendo:
    1. questo plugin alleggerisce le immagini solo all’interno degli articoli del blog, mentre nella libreria media le immagini restano della dimensione originale
    2. Le immagini vengono alleggerite ma non cambia la grandezza “visiva” cioè se la mia immagine era grande come tutta la colonna del testo dell’articolo resterà di questa grandezza anche se il suo “peso” in byte verrà ridotto dal plugin
    3. Con un unico comando è possibile alleggerire tutte le immagini presenti negli articoli del blog prima dell’installazione del plugin
    Ho capito tutto bene? Mi confermi che quello che ho scritto è corretto?
    Grazie

    Rispondi
  8. RoNi

    Ciao Chiara, grazie mille per l´articolo. Scusa l´ignoranza delle mie domande ma, pur non essendo un´addetta ai lavori cerco comunque di dare una mano nella gestione del sito dei prodotti di famiglia. Nella pagina amministratore del sito http://www.tizzini.com wordpress mi comunica che moltissime immagini non sono ottimizzate e mi propone un “ottimizza tutto”. La domanda é: se seleziono questa opzione cambierá qualcosa nella qualitá/proporzioni della immagine sul sito? ho il terrore che queste vengano distorte in quache modo…
    Avrei poi una seconda domanda se non ti dispiace: una volta pubblicato un prodotto sul sito, provvedo a condividerlo su facebook attraverso l´icona apposita relativa al prodotto stesso. La foto peró su facebook risulta spesso tagliata…sai aiutarmi?
    grazie mille!! e scusa ancora l´ignoranza

    Rispondi
    • Team

      Ciao, utilizzi un qualche strumento per l’ottimizzazione delle immagini? Per quanto riguarda Facebook, dovresti verificare che le dimensioni del prodotto siano congrue per la condivisione sul social newtork. Controlla quindi le loro dimensioni, prima di tutto.

      Rispondi
Mostra più commenti

Lascia qui il tuo commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *