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?
