Come ottimizzare le immagini per il sito web • Anna Franchin • Web Designer Freelance Padova

Come ottimizzare le immagini per il sito web

- 22 Ottobre 2020

Indice

Le immagini: una componente immancabile all’interno di un sito web. Le immagini raccontano, ispirano, emozionano, colpiscono… Proprio per questo è molto importante scegliere quelle giuste, quelle che riescono a parlare di te, quelle che trasmettono in modo chiaro il tuo brand. Non dimenticare, però, che c’è anche un’altra caratteristica da non sottovalutare assolutamente: l’ottimizzazione. Che si tratti di una galleria intera o di poche foto, che siano a tutto schermo o con una larghezza di poche centinaia di pixel, le immagini devono sempre essere ottimizzate, prima di essere inserite all’interno del tuo sito. Non l’hai mai fatto prima? Non preoccuparti: si tratta di un passaggio che molto spesso viene tralasciato, a volte per pigrizia (spero non sia il tuo caso!), a volte perché non si sa come fare e altre volte ancora perché semplicemente non se ne conosce la necessità. Proprio per questo oggi ho deciso di scrivere questo articolo, spiegandoti come ottimizzare le immagini per il sito web e, soprattutto, perché è importante farlo.

Perché ottimizzare le immagini per il sito web?

Iniziamo scoprendo subito i motivi principali per cui dovresti ottimizzare le immagini che compongono il tuo sito.

Immagini ottimizzate = più spazio nel server

Prima di tutto più sono leggere le immagini e meno spazio verrà richiesto al server per la loro archiviazione. Al momento dell’acquisto del piano hosting, infatti, ti viene dato un limite di spazio che, il più delle volte, deve contenere sia il tuo sito che la tua posta elettronica. Naturalmente anche le foto che inserisci nel tuo sito vanno ad occupare una parte di questo spazio. Più sono pesanti le foto e più sarà lo spazio richiesto al server! È sicuramente preferibile, quindi, utilizzare foto leggere e riservare lo spazio per funzionalità più necessarie, come ad esempio la posta elettronica.

Immagini ottimizzate = sito più veloce

La velocità è uno dei punti più importanti nella valutazione di un sito: la maggior parte delle persone che incappano in una pagina che impiega diversi secondi a completare il caricamento finiscono per abbandonarla e non tornare. Ebbene, devi sapere che le immagini influiscono sulla pesantezza di ogni singola pagina del sito e, di conseguenza, sulla velocità di caricamento. Immagini troppo pesanti rallentano moltissimo il sito, creando un fastidioso disagio a chi lo sta navigando. Mi raccomando, quindi: ottimizza sempre le immagini se non vuoi perdere i tuoi visitatori!

Immagini ottimizzate = migliore posizionamento nei motori di ricerca

Questa, in realtà, è una conseguenza del punto precedente. Le immagini ottimizzate contribuiscono a rendere il sito più leggero e veloce: caratteristiche che piacciono molto a Google. Possiamo dire con certezza, quindi, che le immagini ottimizzate aiutano a migliorare la SEO del nostro sito web!

Come ottimizzare le immagini per il sito web?

Dopo aver visto perché l’ottimizzazione delle immagini da usare nel sito è un passaggio fondamentale, che non dobbiamo mai tralasciare, scopriamo ora concretamente come si fa.

Riduci la dimensione delle immagini

Troppo spesso ho visto caricare sui siti immagini enormi, che misuravano anche più di 4000 px di larghezza. L’errore consiste nel credere che più sono grandi le immagini e migliore sia l’effetto finale. In realtà non è così, perché comunque le immagini si adatteranno alle dimensioni massime dello schermo dal quale verranno visualizzate (che non avrà mai una larghezza di 4000 px). È buona norma, quindi, ridimensionare sempre le immagini con degli appositi programmi di grafica come Photoshop o il software online gratuito di Pixlr.com, senza mai superare indicativamente i 1920 px per quelle foto che devono essere visualizzate a tutto schermo.

Riduci la qualità delle immagini

So che questo suggerimento può spaventarti, specie se lavori nel campo fotografico, ma abbassare un minimo la qualità delle immagini per il sito non rovina affatto l’effetto finale come potrebbe sembrare. Ridurre anche solo del 10-20% la qualità dell’immagine attraverso i programmi di grafica che ti ho suggerito nel punto precedente, può aiutarti a ottenere un risultato comunque ottimale ma decisamente più leggero. Foto che pesano, ad esempio, 2 MB ciascuna non sono sostenibili e appesantiscono irrimediabilmente il tuo sito. Il peso ideale, a mio parere, si aggira sui 150-200 kB, ma questo standard può variare in base alla foto. Se si nota un peggioramento della resa, infatti, è meglio essere un pochino più generosi. In linea di massima sarebbe preferibile non superare i 400 kB.

Utilizza formati adatti al web

Dopo aver ridotto dimensioni e qualità dell’immagine, occorre sempre salvarla in un formato adatto per la visualizzazione sul web. I formati più utilizzati sono:
  • jpg o jpeg: il formato più utilizzato in assoluto;
  • png: ideale per le immagini che presentano dei punti di trasparenza che si desidera mantenere;
  • gif: perfetto per le animazioni.
Oltre a questi, che sono i più famosi e utilizzati, sta prendendo piede anche un nuovo formato dedicato alle immagini: il WebP. Si tratta di un formato sviluppato da Google appositamente per il web e risulta essere ancora più leggero di un jpg.

Per concludere

L’ottimizzazione è un lavoro che richiede un po’ di tempo e di attenzione in più rispetto al caricamento diretto dell’immagine che ci interessa inserire nel nostro sito, ma si tratta di un’operazione fondamentale, che dobbiamo sempre fare per il bene del nostro sito web. Tu che rapporto hai con l’ottimizzazione delle immagini? È un passaggio che fai sempre o talvolta sorvoli?
22 Ottobre 2020
Siti web in Wordpress

Invia un commento

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

*