Come ottimizzare le immagini per il tuo sito

Le immagini danno quel tocco in più al nostro sito web, sono anche un elemento importante perchè cattura la nostra attenzione prima ancora di leggere qualcosa ma il loro peso influisce sul caricamento del sito web.
Se un’immagine è pesante, rallenterà il caricamento dell’intera pagina che si vuole visualizzare. Questo va ad incidere sulla performance del sito e di conseguenza sul posizionamento.

Per ottimizzare un immagine puoi optare per due soluzioni:

  • installare un plugin sul sito
  • usando un programma di grafica

Oggi ti insegno come ottimizzare un immagine per il web con Photoshop.
Apri l’immagine in Photoshop. Vai su File > esporta > Salva per Web

Nelle impostazioni, scegli il formato JPEG e spunta la casella di progressione ottimizzata.
Se cliccate sulla tab 4 immagini, potete vedere il peso delle immagini in base alla percentuale della compressione che si sceglie.

Una buona compressione è quando l’immagine scende al di sotto dei 2MB.
Scegliamo quindi la compressione più bassa, in questo caso l’ultima, cliccando sul riquadro. Dopo di che clicca Salva.

Con questa operazione potete ottimizzare immagini di grandi dimensioni, ad esempio quella che ho usato è 5760×3840 px, senza appesantire il vostro sito.
Siamo passati da un immagine di circa 4MB ad una di circa 350kb. Non male vero?

Come ottimizzi le immagini prima di caricarle sul sito?

Christine
Web Designer freelance
Ciao! Mi chiamo Christine e sono una Web Designer freelance. Realizzo siti web in WordPress, confezionando temi su misura,  per essere presente online con un sito curato e professionale.

Lascia un commento