Come ottimizzare le tue immagini per il tuo e-commerce?

Un'immagine vale più di mille parole e non c'è modo migliore per presentare il tuo marchio e la tua collezione se non attraverso le immagini. Tuttavia, se le immagini che scegli per il tuo sito web non sono ottimizzate, sprecherai larghezza di banda e rallenterai il tuo sito. In questo articolo, tratteremo alcuni passaggi fondamentali per iniziare a ottimizzare le tue immagini in modo che abbiano un bell'aspetto su qualsiasi dimensione di schermo o dispositivo.

ARGOMENTI PRINCIPALI

1. COMPRIMI L'IMMAGINE (COMPRESSIONE CON PERDITA O SENZA PERDITA)

2. RIDIMENSIONA L'IMMAGINE

3. UTILIZZA LA RISOLUZIONE GIUSTA (DPI)

4. EVITA DI UTILIZZARE FILE PNG, GIF E TIFF SE NON NE HAI BISOGNO

5. NON DIMENTICARE IL TESTO ALTERNATIVO

1. Comprimi l'immagine

Esistono due tipi di compressione: una che perde meno dettagli (senza perdita) e una che perde più dettagli (con perdita). La compressione senza perdita è la migliore per le immagini con molti dettagli fini come capelli o pelliccia perché queste aree tendono a perdersi completamente durante la compressione con perdita. La compressione con perdita funziona meglio per le aree con oggetti di grandi dimensioni come alberi ed edifici perché è utile preservare quelle grandi forme quando si comprimono le immagini.

Ricorda di comprimere sempre le tue immagini. Puoi usare strumenti come Photoshop o lo strumento online TinyJPG per comprimere le tue immagini in modo appropriato.

2. Ridimensiona l'immagine

Puoi ridimensionare le immagini usando gli strumenti integrati nel tuo editor di foto, come Photoshop, o gli strumenti integrati nel sito web. Ricorda di testare le immagini su tutti i dispositivi, come la versione mobile o per iPad.

3. Usa la risoluzione corretta (DPI)

La risoluzione della tua immagine è il numero di pixel per pollice (DPI). Il DPI è misurato in punti, quindi è un valore intero. Più alto è il DPI, migliore sarà l'aspetto della tua immagine quando viene stampata o visualizzata sullo schermo.

La risoluzione ideale per le immagini sui siti web è di 72 DPI, ma se vuoi creare supporti di stampa di alta qualità, dovresti usare invece 300 DPI.

4. Evita di usare file PNG, GIF e TIFF se non ne hai bisogno

Usa l'estensione JPEG come impostazione predefinita per le tue immagini, possono essere compresse e funzionano meglio per i siti web. Usa PNG se hai bisogno di uno sfondo trasparente (ad esempio per il logo) e l'estensione GIF solo se hai bisogno di animazioni.

5. Non dimenticare il testo alternativo

Il testo alternativo è una descrizione dell'immagine che appare al posto dell'immagine se l'immagine non può essere visualizzata (ad esempio, se stai visualizzando questa pagina su un dispositivo mobile). L'attributo alt è stato aggiunto ai tag HTML per fornire un contesto agli utenti ipovedenti e aiuta anche i motori di ricerca a interpretare le immagini come contenuto rilevante.