Strumenti per ottimizzare immagini e ridurre peso foto in WordPress

Immagine avatar per Andrea Di Rocco

di Andrea Di Rocco Aggiornato il

Strumenti per ottimizzare le immagini in WordPress

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

Se hai mai provato a ridurre il tempo di caricamento delle tue pagine web, probabilmente hai utilizzato uno strumento di analisi come PageSpeed Insight di Google.

E, quasi certamente, uno dei consigli suggeriti era di ridurre le dimensioni dei file immagini presenti sulla pagina.

Con WordPress, non solo puoi ridurre le dimensioni dei file, ma puoi ottimizzare le immagini anche da un punto di vista SEO.

Questo lavoro può essere fatto anche se il tuo sito è già avviato e le immagini sono tutte al loro posto nelle pagine e nei post.

Ora vediamo quali sono gli strumenti migliori per ottimizzare le immagini su WordPress.

Ottimizzare le immagini: come ridurre le dimensioni dei file

Il primo passo da compiere è sicuramente ridurre le dimensioni dei file immagini.

Infatti, risultando più “leggere”, i browser impiegheranno meno tempo per caricarle e la velocità della tua pagina beneficerà di certo.

Gli strumenti disponibili sono sia offline che online, oppure puoi utilizzare dei plugin.

1. Strumenti offline e online per ottimizzare le immagini

Caesium

Strumenti offline e online per ottimizzare le immagini - Caesium

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.

ImageOptimizer

image optimizer per ridurre le dimensioni dei file immagini

Un altro strumento interessante, da usare invece online, è ImageOptimizer.

È molto semplice: 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.

Di ImageOptimizer esiste anche una versione desktop, perciò, se ti piace, puoi installarlo sul tuo PC.

Il vantaggio è che puoi ottimizzare più immagini contemporaneamente, direttamente cliccando col tasto destro del mouse sulla cartella nel tuo PC.

Puoi scegliere tra la versione free e quella premium.

Nella versione free, se hai delle immagini relativamente larghe viene aggiunto un testo demo, che invece con la premium non compare.

2. Ottimizzare le immagini con i plugin

I sistemi che ti ho presentato al punto #1 riguardano l’ottimizzazione di immagini prima di caricarle sul sito, che sarebbe l’idea migliore.

Se però vuoi ridurre le dimensioni di file che hai già 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

Ottimizzare le immagini con i plugin - WP Smush

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 è mantenuto dal team di WPMU DEV, 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 e i diritti relativi all’utilizzo dei file.

3. Lazy Loading

Lazy Loading

Ora che abbiamo visto alcuni strumenti utili per ridurre le dimensioni dei 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à è Lazy Load By WP Rocket.

Ottimizzare le immagini: lato SEO

Ottimizzare le immagini lato SEO

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

L’ottimizzazione SEO delle immagini consiste nell’inserire varie informazioni testuali riferite all’immagine.

Queste informazioni possono essere fornite attraverso gli attributi title e alt del tag img.

L’attributo alt è il testo che appare se l’immagine vera e propria non può essere caricata.

Esso viene anche utilizzato dai crawler dei motori di ricerca per comprendere il contenuto di un file ed indicizzarlo di conseguenza.

Il title è invece il testo che appare quando andiamo sopra con il cursore del mouse.

SEO Optimized Images

seo-optimized-images

SEO Optimized Images aiuta a completare i campi alt e title delle tue immagini in maniera automatica.

Andrà infatti a inserire nome immagine, titolo del post e categoria in questi valori.

Queste informazioni non sono però aggiunte al database, perciò, se disinstalli il plugin, tutto ritorna come prima di averlo installato.

Conclusione

Abbiamo visto come sia importante considerare due aspetti nell’ottimizzazione delle immagini: da un lato quelli che riguardano la velocità delle pagine, dall’altro l’aspetto SEO.

Grazie a WordPress, entrambi possono essere gestiti con semplicità, ottenendo ottimi risultati.

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!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
90Commenti
Lascia un commento
  1. Immagine avatar per Nicola
    Nicola

    Ho provato più volte ad usare Image Optimizer ma vedo che l’immagine ottimizzata è sempre più pesante di quella originale! Com’è possibile? C’è qualcosa che ho trascurato?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Nicola, hai solamente ottimizzato le immagini o hai anche cambiato il formato da PNG a JPG?

    2. Immagine avatar per Nicola
      Nicola

      Il formato era già JPG…

      (Ho trovato nel frattempo una applicazione di Google che, almeno per le mie piccole esigenze, mi sembra faccia il suo dovere: Squoosh.app … pensi possa andar bene?)

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Sì puoi tranquillamente utilizzarla. Ti consigliamo anche compressjpeg.com.

  2. Immagine avatar per Lara Ceroni
    Lara Ceroni

    Ciao, da un controllo con una piattaforma di Google PageSpeed Insights, mi hanno fatto notare che ho l’immagini pesanti e per fortuna che ho trovato il tuo articolo. Molto spesso utilizzo foto scattate dal cellulare prese dalla tv o YouTube, usavo per ridurle il peso Paint ma a quanto pare non va bene, le tue indicazioni possono risolvermi il problema in modo definitivo?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Lara, siamo certi che noterai un bel miglioramento, inizia subito a usare le risorse indicate nella guida.

  3. Immagine avatar per Vito
    Vito

    Buongiorno Andrea, ho seguito il suo consiglio acquistando il template per la mia agenzia immobiliare wp residence, ho installato il tema e ho iniziato a personalizzare la grafica, adesso ho un paio di domande da farle.
    Vorrei sapere secondo la sua esperienza qualé il miglior plugin per le immagini che mi permetta di mantenere un ottima qualità e servirle al browser nel formato WebP.
    Grazie Andrea.

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Vito, ce ne sono diversi molto buoni, dipende anche dal tipo di sito che si ha.. per alcuni possono andare meglio altri, che vanno benissimo su altri siti. Fai qualche tipo di ottimizzazione delle immagini, prima di caricarle?

    2. Immagine avatar per Gabriele
      Gabriele

      Ho letto questo articolo e lo trovo molto interessante anche se mi ha fatto venire un dubbio, io inserivo il titolo e la descrizione dell’ immagine direttamente utilizzando WordPress, è meglio utilizzare un plugin o va bene lo stesso utilizzando i campi di WordPress?

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Gabriele, va bene inserire tali dati nei campi previsti da WordPress di default. Un saluto e buon lavoro!

  4. Immagine avatar per Peppe
    Peppe

    Salve ragazzi,
    complimenti, sempre sul pezzo e articoli utilissimi che sto divorando in questi giorni che vi ho scoperto.
    Domanda da profano, io “ottimizzo” – almeno credo di farlo – tramite photoshop, utilizzando la funzione salva per web e riducendo la dimensione per avere il miglior rapporto qualità/peso, questi plug-in fanno lo stesso lavoro o rendono l’immagine più “ottimizzata” passatemi il termine XD

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Dovrebbe bastare il lavoro di ottimizzazione preventivo che hai fatto sulle immagini, usando Photoshop. Un saluto, continua a seguirci!

  5. Immagine avatar per PAOLA
    PAOLA

    Ciao, ho trovato questo articolo per caso, lo ritengo molto interessante.
    Non ero a conoscenza di questi strumenti e plugin, io molto semplicemente fino ad ora non facevo altro che comprimere le immagini, è sufficiente e posso continuare così oppure è meglio rivedere il tutto utilizzando i tuoi suggerimenti?
    Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, se sono adeguatamente ottimizzate puoi proseguire come hai sempre fatto, a meno che tu non abbia avvisi specifici in merito alle immagini su uno dei tool indicati in questa guida. Un saluto!

  6. Immagine avatar per Daniele
    Daniele

    Ciao cari, ho installato il plugin bg lazy loading in due siti ed entrambi con page speed continuano a darmi il medesimo errore “Rimanda immagini fuori schermo”, ma perché una funzione così importante non viene implementata in plugin più complessi come wp total cache ed altri che servono per rendere il sito più veloce? Avete altre soluzioni?

    Grazie per il supporto,
    Daniele.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Daniele, dovremmo controllare il sito per risponderti e verificare quali sono le risorse implicate nella mancata ottimizzazione. I plugin fanno molto, ma non possono risolvere tutto sempre e al 100%: ogni sito infatti ha un suo tema e proprie immagini, quindi si deve considerare caso per caso. Ricordati che al nostro reparto servizi offriamo specifici servizi di velocizzazione. Se hai domande al riguardo, il nostro coordinatore servizi Egidio sarà ben felice di risponderti. Un saluto!

  7. Immagine avatar per Andrea
    Andrea

    Ciao e complimenti per la guida.
    Utilizzo wordpress e woocommerce per lo shop. Avrei bisogno di un informazione. Analizzando una qualsiasi url del mio sito con GTMetrix mi parla di Serve scaled image.
    Ho capito che è l’azione che viene compiuta per scalare l’immagine originale nella miniatura che appare in scheda prodotto.
    Quindi il consiglio è quello di scalare l’immagine alla dimenione consigliata? Non diventa troppo piccola?
    Non capisco bene come risolvere questo problema.
    Grazie mille di tutto

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Andrea, dovresti caricare le immagini con le dimensioni richieste, senza che debba essere effettuato il ridimensionamento per adattare alla dimensione richiesta dalla miniatura. Un saluto!

  8. Immagine avatar per Daniele
    Daniele

    Una cosa mi lascia perplesso, non riguardo il peso, ma riguardo il formato delle immagini. Testando il mio sito su PageSpeed mi viene consigliato di convertire le immagini nei nuovi formati JPEG 2000, JPEG XR e WebP, ma poi in tali formati wordpress non accetta i file per questioni di sicurezza.. Com’è sto fatto? Grazie e complimenti per il servizio che offrite.

    Daniele.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Daniele, i formati indicati a volte non sono ben leggibili dai browser. Si tratta infatti di nuovi formati che possono incorrere in problemi di riconoscimento da parte del browser, quindi consigliamo al momento di non utilizzarli e di effettuare le ottimizzazioni delle immagini come consigliato nella guida. Grazie dei complimenti, continua a seguirci!

  9. Immagine avatar per Nicholas Marmonti
    Nicholas Marmonti

    Consiglio anche di provare l’ottimo ShortPixel Image Optimizer che uso da molto tempo: offre una compressione eccellente e una serie di ottimizzazioni utilissime (ridimensionamento automatico, backup dei media, gestione immagini retina, ecc…) e che può gestire in tempo reale i nuovi upload o processare in un unico click tutta la libreria.

    È in grado comprimere in tre livelli (lossy, glossy e lossless), convertire in altri formati e può anche ottimizzare i PDF.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Nicholas, grazie della segnalazione. Testeremo al più presto il tool indicato, un saluto!

  10. Immagine avatar per deb
    deb

    Ho dei dubbi riguardo il caricamento immagini…
    1)quando carico le immagini in wp prima le riduco manualmente e mi chiedo in questa maniera le sto allegerendo?
    2)quando carico immagini verticali li vedo sul sito enormi o se li carico in slider (galleria imagini) mozzate mentre orizzontali no…

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Deb che tema stai utilizzando?

    2. Immagine avatar per Deb
      Deb

      Themeforest….journey template

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Controlla la resa delle immagini con il tema di default. Si, agendo prima del caricamento puoi ridurre il peso dell’immagine, importante è cercare di mantenere comunque una buona risoluzione.

  11. Immagine avatar per Giorgio
    Giorgio

    Meno male che esistete!! A proposito di immagini sto testando gli strumenti che avete consigliato e vedo che arrivano buoni risultati ma …. ho scoperto quello che forse è un mio comportamento errato: Io carico le immagini nella libreria del sito attribuendo eventualmente un “title”. Poi quando ho pronto il post da pubblicare inserisco le immagini nel post e solo in quel frangente attribuisco “alt text”, “descrizione” etc. Risultato mi trovo le immagini con tutti gli attributi se le leggo dal post ma senza attributi se le esamino dalla libreria. COSA HO COMBINATO? E’ un modus operandi errato? Grazie se vorrete darmi qualche indicazione in proposito

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Giorgio, puoi inserire il tag Alt anche quando carichi l’immagine dentro al post. Un saluto, e grazie del commento.

  12. Immagine avatar per Leonardo
    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.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

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

  13. Immagine avatar per alex
    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

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Alex, dai una occhiata a questo strumento gratuito: https://webresizer.com/. Vedi se può essere adeguato per rispondere alle tue necessità 🙂

  14. Immagine avatar per Luca
    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!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Luca, hai già testato gli strumenti indicati nella guida?

    2. Immagine avatar per Luca
      Luca

      Ciao Andrea, si, ho provato gli strumenti “offline” indicati nella guida in quanto preferirei non aggiungere altri plugin a quelli già attivi.

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Luca, testa anche questo strumento https://compressor.io/compress

    4. Immagine avatar per Luca
      Luca

      Ciao, grazie proverò anche questo strumento. Ho letto su alcuni siti di una tipologia di immagini jpeg chiamata progressive jpeg, che carica in modo diverso, e apparentemente più veloce, le immagini all’interno delle pagine web. Sai se può avere effetti positivi sulla velocità di caricamento delle pagine? Grazie

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Bisognerebbe vedere caso per caso, ci sono vari fattori da considerare.

  15. Immagine avatar per Elena
    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

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, prova ad utilizzare questo plugin https://it.wordpress.org/plugins/wp-image-borders/ per non dover mettere mano al codice, seguendo questo tutorial https://www.wpbeginner.com/beginners-guide/how-to-add-a-border-around-an-image-in-wordpress/. Il plugin non è però aggiornato da diverso tempo, facci sapere se funziona a dovere, e prima di installarlo fai un backup completo del sito.

  16. Immagine avatar per Mina
    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

    1. Immagine avatar per Chiara Buzzi
      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,

  17. Immagine avatar per Marmotta
    Marmotta

    Buonasera,
    Ci sarebbe qualche vantaggio ad hostare le immagini non nel server del sito ma in un hosting per immagini in termini di velocità?
    Saluti
    Marmotta

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, non credo che vi sia un grande vantaggio, importante è scegliere un hosting valido e performante.

  18. Immagine avatar per Federica
    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

    1. Immagine avatar per Chiara Buzzi
      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

  19. Immagine avatar per Tiziana
    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

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Tiziana, confermo. Un saluto!

  20. Immagine avatar per RoNi
    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

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      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.

  21. Immagine avatar per Fabio
    Fabio

    Ciao Chiara,
    grazie per i consigli che ho seguito senza grossi problemi.
    Ora il mio sito http://www.agriturismolagodicomo.net ha le immagini ottimizzate, credo con la versione free che ottimizza ma non troppo, vero? Qualora volessi ottimizzare di più come mi devo comportare?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Fabio, direi che il livello base può andare bene, su un sito che non è comunque molto pesante. Se vuoi comunque un check approfondito, puoi contattare il nostro team di assistenza, da qui: https://sos-wp.it/assistenza/. Un saluto!

  22. Immagine avatar per Margherita
    Margherita

    Ciao Chiara un bel articolo. Ho istallato il plugin EWWW Image Optimizer. per ottimizzare le foto sul mio blog In alto mi esce questo messaggio.
    EWWW Image Optimizer richiede exec() o una chiave API. L’amministratore di sistema ha disattivato la funzione exec(), chiedergli di attivarla. cosa devo fare? serve solo con

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Margherita, dovresti contattare il tuo provider, per abilitare tale funzione e far funzionare correttamente il plugin. Un saluto!

  23. Immagine avatar per marco
    marco

    Ciao Chiara,
    ho un problema con alcune miniature della homepage. Ossia, anche una volta ritagliate, WordPress tende a centrarle nello spazio in questione della homepage.. Mentre io vorrei che le impostasse innanzitutto dall’alto, in maniera tale che non ci sia il rischio di un taglio del viso ad esempio.
    Non so se mi sono spiegato, esiste un metodo/comando per far si che non venga centrata l’immagine?
    E se si, quale e dove operare?

    Grazie mille, Marco.

    1. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao Marco,
      Grazie per il commento!
      Posso chiederti quale temi usi? Ti riferisci alle miniature per le immagini in evidenza dei post, o ad altre immagini (per esempio, lo slider)?
      In generale, il metodo migliore è tagliare l’immagine in modo che abbia le stesse proporzioni della miniatura.
      Fammi sapere 🙂
      Chiara

    2. Immagine avatar per marco
      marco

      Uso Sportmag di Access Sport Mag !
      Non mi riferisco alle immagini in evidenza nei post, ma alle stesse che mi vengono visualizzate in dimensioni differenti per larghezza e lunghezza nella sezione “ultimi articoli” della homepage!

      Grazie, Marco

  24. Immagine avatar per Salvatore
    Salvatore

    Ciao Chiara, grazie mille per la tua guida, è stata utilissima per riuscire a trovare il plugin adatto in questa caldera di plugin che è diventato oramai wordpress :).
    Alla fine ho optato per installare EWWW Image Optimizer per ottimizzare le immagini presenti sul mio sito, ma ho una piccola domanda da farti… Sarebbe possibile ottimizzare tutte le immagini presenti sul sito, tranne le immagini originali, quelle a grandezza naturale insomma (cioè quelle che carico io). Purtroppo non sono riuscito a trovare questa funzione ne su EWWW Image Optimizer ne sull’altro plugin da te consigliato. Potresti aiutarmi a trovare una soluzione al mio problema? Oppure magari consigliarmi qualche altro plugin che abbia questa funzione?

    Salvatore

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Salvatore,
      prova questo plugin: https://wordpress.org/plugins/wp-smushit/.
      Un saluto!

    2. Immagine avatar per Salvatore
      Salvatore

      Purtroppo anche questo plugin ottimizza le immagini originali (ho controllato via ftp). Avete qualche altra idea?
      Grazie mille per la disponibilità

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Salvatore, non dovrebbe.
      Si deve altrimenti lavorare via codice. Un saluto!

  25. Immagine avatar per Mondo85
    Mondo85

    Ciao, bell’articolo. Vorrei sapere se oltre a questi plugin ne esiste qualcuno in particolare, che permette alle immagini di adattarsi automaticamente alla larghezza del post della pagina web.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Prova ad usare questo plugin, per impostare in automatico la larghezza desiderata: https://it.wordpress.org/plugins/resize-image-after-upload/.

    2. Immagine avatar per Mondo85
      Mondo85

      Grazie mille per il consiglio!

  26. Immagine avatar per enrico
    enrico

    Ciao, qualche tempo fa ho letto il tuo articolo e applicato con EWWW quanto detto. Ho due livelli di problema: il primo riguarda la qualità delle immagini (a mio parere orribile): in poche parole carico immagini scalate (circa 1250×750) e grandi circa 300/350kb; credevo fossero grandi e che si vedessero bene, invece fanno pena.
    L’altro problema me lo dice Pagespeed Insights ossia 50/100 mobile e 38/100 desktop sono le mie performance, ovviamente la prima voce riguarda ottimizzare le immagini
    Che mi consigli di fare?
    Grazie
    Enrico

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Enrico,
      le immagini che carichi, che dimensione hanno?

    2. Immagine avatar per enrico
      enrico

      ora le ho messe a 150kb (so che dovrei tenerle più basse ma già così sono in LQ)..page insight ha migliorato i valori (siamo intorno a 60/100) ma per un sito in cui le foto sono il 50% la mia qualità ne risente troppo

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Enrico,
      prova a mandare i risultati della scansione a info@sos-wp.it, vediamo di darti qualche suggerimento utile 😉

    4. Immagine avatar per enrico
      enrico

      grazie mille 🙂
      mail inviata

  27. Immagine avatar per Francesco
    Francesco

    ciao complimenti per l’articolo vorrei una informazione esiste un plugin che converte le immagini su WordPress da jpg a png ?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Francesco,
      no, non penso esistano strumenti per modificare il formato delle immagini, bensì esistono vari strumenti per l’ottimizzazione come puoi vedere dal nostro post.
      Un saluto!

  28. Immagine avatar per Jack
    Jack

    Ciao!

    Ho un problema col mio sito: non riesco a rendere le immagini degli articoli in hompage (ma anche nelle categorie, tag, ricerche, ecc.) tutte della stessa dimensione e così le pagine non risultano ordinate! Come posso fare per risolvere il problema?

    Grazie in anticipo per la risposta 🙂

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Jack,
      che tema stai utilizzando? Ti riferisci alle immagini di anteprima?
      Grazie del tuo commento!

  29. Immagine avatar per antimo
    antimo

    ciao chiara, esiste un plugin per inserire icone social sulle immagini? grz

    1. Immagine avatar per Chiara
      Chiara

      Ciao Antimo,
      Grazie per la domanda!

      Ho fatto un po’ di ricerca ed ho trovato questi strumenti:

      – WWM Social Share on Image Hover https://wordpress.org/plugins/wwm-social-share-on-image-hover/ Che io sappia, questo è l’unico plugin gratuito disponibile sviluppato appositamente per aggiungere le icone social alle immagini. L’aspetto negativo è che non viene aggiornato da 8 mesi. L’ho testato sul mio sito di prova e non ha creato problemi, però è comunque un aspetto da considerare in quanto probabilmente sono sarà mantenuto dallo sviluppatore anche in futuro. Ovviamente, puoi provarlo – sperando che non generi errori – però ti consiglio assolutamente di fare un backup del tuo sito prima di installare il plugin!

      – WordPress Image Hover Showcase https://codecanyon.net/item/wordpress-image-hover-showcase/7455102 Questo è un plugin premium che costa $16 (all’incirca 12-13 euro). Senza dubbio è una soluzione più solida, però ovviamente ha un costo.

      Fammi sapere quale decidi di usare!
      A presto,
      Chiara

    2. Immagine avatar per Antimo Diana
      Antimo Diana

      Ciao chiaraGrz x la risposta, ne ho trovati parecchi gratuiti come wordpress image hover, slingpic,wwm social, micro-content sharing, image share, ecc.. tutti che ti ichiedono di crearti l ‘id dell’app di Facebook…cmq ho risolto con wwm social. Buona giornata 🙂

    3. Immagine avatar per Chiara
      Chiara

      Ciao,fantastico!
      Purtroppo sembra che questa sia una categoria di plugin che non viene aggiornata regolarmente con gli sviluppatori, però mi fa molto piacere che WWM social sia la soluzione giusta per te 🙂
      Buona giornata

  30. Immagine avatar per Alex
    Alex

    Ciao, ho installato il plugin EWWW IMAGE OPTIMIZER ed ho notato che alleggerisce l’immagine ma c’è un problema.
    L’immagine che vedo nel post è leggera e ridimensionata (in base alle impostazioni media che ho messo) ma se ci clicco mi apre l’immagine della dimensione e peso originale, quindi viene occupato comunque più spazio.
    Come si fa per mantenere solo quella più leggera?

    1. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao Alex,

      Grazie per il commento. EWWW Image Optimizer ti aiuta a ridurre il tempo di caricamento ottimizzando le immagini all’interno della pagina o blog. Nel momento in cui carichi un’immagini su WordPress, questa viene comunque mantenuta con le dimensioni originali ed in alcune varianti per la thumbnail, eccetera.

      Se vuoi ridurre al minimo lo spazio occupato sul server, ti suggerisco di caricare immagini già ottimizzate.

      Buona settimana!
      Chiara

    2. Immagine avatar per Alex
      Alex

      Ok grazie, quindi è indispensabile ottimizzare l’immagine gia prima di caricarla e che non esiste alcun plugin in grado di farlo. Dovrò fare purtroppo e per forza un ulteriore passaggio con qualche software per ottimizzare l’immagine per non occupare spazio sul server; poi quando andrò a caricarla verrà ulteriormente ottimizzata da EWWW Image Optimizer. . Grazie per la risposta!

  31. Immagine avatar per Silvia Camnasio
    Silvia Camnasio

    Chiara, come al solito un’ottima guida, precisa e chiara ( di nome e di fatto insomma).
    Una domanda. nelle impostazioni media di wordpress, ci sono tre parametri da inserire, il primo dei quali con la spunta da mettere se vuoi ritagliare la miniatura.
    Ho letto che se metti la spunta, è come de caricassi 4 foto ogni volta, l’originale e le altre 3 dimensioni. E’ vero?
    Ti chiedo se potessi cortesemente dirmi quali potrebbero essere i parametri da inserire.
    inoltre mi piacerebbe sapere ( la mia ignoranza è totale…) se il peso della foto è legato anche alle dimensioni o solo al formato, per cui non so un jpeg pesa di più rispetto ad un altro formato.
    Grazie ancora e buona giornata.

    1. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao Silvia!

      Eccomi qui – dunque, quello che scrivi è vero, per default WordPress genera 3 dimensioni di ogni immagine che carichi, che tu spunti la voce o meno (plugin e temi possono poi generare altre dimensioni). Però, a meno che tu non abbia migliaia di immagini, nella maggior parte dei casi questo non creerà problemi.

      Per quanto riguarda la tua seconda domanda: è molto importante compilare i campi titolo, tag alt e descrizione, in quanto ti permetteranno di indicizzare correttamente anche le immagini sui motori di ricerca. A questo proposito ti lascio il link ad una guida proprio su questo argomento https://sos-wp.it/come-fare-seo-con-le-immagini/

      Il peso di un’immagine dipende da tanti fattori: dimensioni, qualità, formato…
      Ti consiglio comunque di usare uno degli strumenti indicati in questa guida che riducono il peso senza compromettere la qualità e, ovviamente, di caricare immagini delle dimensioni corrette e non eccessivamente grandi.

      Grazie a te e buon weekend!

  32. Immagine avatar per Simone
    Simone

    ciao Chiara, grazie per il tuo aiuto sul blog.
    Alcuni mesi fa ho utilizzato SMUSH.IT ma ha lavorato solo su una parte di foto, poi ha smesso… boh?!

    Ora ti disturbo per capire come funziona EWWW perchè in quanto fotografo ho la necessità di ottimizzare le 1700 foto presenti sul mio sito per renderlo più rapido e leggero, non per il cloud. Come consigliato da te ho scaricato EWWW versione CLOUD. Ho provato a fare l’ottimizzazione di tutte le immagini del mio sito ma a me sembra che non abbia fatto nulla… Non essendo un esperto forse ho settato male il plugin o forse doveso installare la versione non cloud?
    Puoi aiutarmi? grazie!
    ciao
    Simone

    1. Immagine avatar per Simone
      Simone

      ciao Chiara, incollo qui ciò che trovo scritto in corrispondenza di ogni foto nella colonna Image Optimizer:

      Not processed
      Image Size: 236.97 kB
      jpegtran is missing

  33. Immagine avatar per Guido
    Guido

    Ciao , premetto che non sono molto esperto, almeno penso.
    Ho una domanda, tu scrivevi che avere troppi plugin appesantisce il server, questi plugin per ottimizzazione delle immagini, si possono utilizzare e poi disistallare ? O è necessario che rstino sempre attivi?
    Grazie dell’aiuto

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Guido,

      se installi un solo plugin per l’ottimizzazione delle immagini, non credo che ciò inficierà le prestazioni generali della tua piattaforma.

      Un saluto, e grazie per il tuo commento!

  34. Immagine avatar per enri1968
    enri1968

    Ciao, i due plugin li conosco e li uso, una domanda, quanto può essere la dimensione ottimale per delle immagini 800×600 o 1024? grazie

    1. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao, grazie per aver letto la guida e per il commento; mi fa piacere che anche tu usi questi plugin.

      Le linea guida ufficiali WordPress suggeriscono di mantenere le immagini di grandi dimensioni/alta qualità (per esempio, quelle con larghezza 1024px) tra i 60 ed i 100KB e quelle più piccole (per esempio, le immagini in evidenza) sotto 30KB.

      Buona giornata!

    2. Immagine avatar per Silvia Camnasio
      Silvia Camnasio

      Ciao Chiara, ho seguito il tuo consiglio ed in effetti ha funzionato molto bene il plugin.
      Ho però difficoltà per le immagini in evidenza sulla versione mobile, mentre la versione desktop è a posto. non uso plugin per la versione mobile, avendo un tema completamente responsive.
      Hai qualche consiglio?
      Ti ringrazio in anticipo.

    3. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao Silvia, rieccomi qui 🙂

      In che senso hai difficoltà con le immagini in evidenza della versione mobile? Non vengono ridimensionate correttamente? Quale tema usi?

      A presto!

Lascia un commento

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