Come ridurre le dimensioni dell'immagine per i tuoi siti Web (senza perdere la qualità)

Aggiornato: 2022-04-25 / Articolo di: Jason Chow

La riduzione delle dimensioni dell'immagine del sito Web è essenziale per garantire ai visitatori un'esperienza ottimale. Essere così "pesanti" significa che le immagini causano anche tempi di caricamento della pagina più estesi, cosa che Google odia. Lasciare immagini non ottimizzate può comportare conseguenze sul posizionamento nella pagina dei risultati dei motori di ricerca (SERP).

I proprietari di siti web hanno spesso una relazione di amore-odio con le immagini. Li adoriamo per la ricca esperienza che possono fornire ai nostri utenti. Tuttavia, le immagini spesso causano una quantità sproporzionata di sovraccarico delle risorse. Per evitare ciò, possiamo lavorare per ridurre le dimensioni dell'immagine in vari modi;

Ricorda che ridurre le dimensioni dell'immagine significa ridurre le dimensioni del file, non solo diminuire le dimensioni dei pixel. 

1. Utilizzo di un editor di immagini

MS vernice

Il modo più semplice per ridurre le dimensioni dell'immagine è utilizzare uno strumento come Microsoft Paint (o GIMP se ci sei Linux). Ho scaricato un file relativamente grande nell'immagine sopra, originariamente con una dimensione di 3724 x 2400 pixel. Ci sono voluti 1.2 MB, che è significativo per l'uso sul web.

Aprendolo in Microsoft Paint, l'ho ridimensionato a 1024 pixel di larghezza con un ridimensionamento proporzionale in altezza. Ciò ha prodotto un'immagine di 1024 x 659 pixel con una dimensione di soli 273 kb. Come puoi vedere, la riduzione della dimensione dell'immagine è stata salvata oltre cinque volte la dimensione del file originale.

2. Utilizzo della compressione dell'immagine

Compressione dell'immagine

La compressione dell'immagine può aiutare a ridurre ulteriormente le dimensioni dell'immagine. Ogni immagine contiene componenti come la qualità del colore, la densità dei pixel e altro ancora. Migliore è la qualità, più dati ha la foto e quindi occupa una dimensione maggiore.

Non sempre abbiamo bisogno della migliore qualità di immagini per l'uso sul web, soprattutto in questa era di dispositivi mobili. Per questo motivo, puoi comprimere le immagini con uno strumento online come Optimizilla. Questo strumento consente di controllare la qualità dell'immagine per ridurre le dimensioni dell'immagine.

Impostando una qualità dell'immagine di 70, ho ridotto l'immagine ridotta da 274kb a meno di 80kb. Ricorda, questo viene confrontato con la dimensione dell'immagine originale di oltre 1.2 MB.

3. Conversione di immagini in altri formati

Le immagini sono di vari tipi, che influiscono sulla loro qualità e dimensione. Ad esempio, la stessa immagine in JPG potrebbe essere notevolmente più piccola della stessa in formato BMP. Oggi molti siti Web si stanno orientando verso formati di immagine di nuova generazione come WebP.

Ancora una volta, utilizzando uno strumento online come Convertire online, posso scambiare rapidamente l'immagine del lupo originale dal formato JPG al formato WebP. Questa modifica ha comportato un maggiore risparmio di dimensioni, con il file WebP ora solo 28.7 kb. 

4. Usa un plugin per WordPress

Smush

Se è necessario elaborare più immagini ed eseguire a WordPress sito web, c'è un'opzione ancora migliore. I plugin di ottimizzazione delle immagini possono fare tutto quanto sopra anche senza il tuo intervento. Esempi di affidabili plug-in di ottimizzazione delle immagini includono EWWW Ottimizzatore, Smush di immaginie Imagify.

Il vantaggio dell'utilizzo di questi plug-in è che possono funzionare in modo indipendente e non dovrai preoccuparti una volta che avrai impostato le cose. Tuttavia, l'utilizzo dei plug-in aumenta il consumo complessivo di risorse sul tuo sito Web, quindi scegli i plug-in con saggezza.

Considerazione finale sulla riduzione delle dimensioni dell'immagine

I vari metodi mostrati non si escludono a vicenda. Puoi scegliere di usarne uno, due o tutti e tre e i risultati generalmente miglioreranno solo. L'obiettivo principale è ridurre il più possibile le dimensioni dei file senza sacrificare troppa qualità dell'immagine.

Ricorda che più il tuo sito web è leggero, più è vantaggioso per i tuoi lettori e per te. Offrono un'esperienza di caricamento più fluida mentre paghi meno per spazio di archiviazione e larghezza di banda. È una situazione vantaggiosa per tutti.

Leggi di più:

A proposito di Jason Chow

Jason è un fan della tecnologia e dell'imprenditorialità. Ama costruire un sito web. Puoi metterti in contatto con lui tramite Twitter.