Il tuo eCommerce non decolla?
Scopri la Performance Academy: i corsi formativi gratuiti
per migliorare i risultati del tuo negozio online

Ottimizzare le immagini negli e-Commerce per migliorare la User Experience

Ottimizzare le immagini negli e-Commerce per migliorare la User Experience

In un e-Commerce, alle immagini è affidato il compito essenziale di veicolare la percezione del prodotto che, diversamente da quanto avviene in un negozio fisico, in un sito di vendita online si dà indirettamente in termini informativi e puramente visivi.

Nel successo di un e-Commerce è essenziale curare con molta attenzione la qualità della rappresentazione iconografica di un prodotto, e la prima condizione è disporre di immagini chiare, ben contrastate, e soprattutto in risoluzione ottimale.

Ma una migliore risoluzione delle immagini comporta un aggravio di peso di queste, che ha ricadute significative in termini di caricamento della pagina e quindi di User Experience.

Proviamo quindi ad approfondire alcuni strumenti utili per verificare e ottimizzare il rapporto qualità/peso delle immagini.

GTmetrix

Cominciamo con questo utilissimo tool online, che unisce strumenti di analisi di Google, Yahoo! e Mozilla.

Inserendo l’URL del sito di cui vogliamo procedere all’analisi, GTmetrix restituirà un report che include l’incidenza delle immagini sui tempi di caricamento e suggerimenti per una loro migliore compressione.

Immagini raster

Per comprimere immagini raster si può ricorrere a due metodi: lossy e lossless.

Il sistema lossy permette una maggiore compressione con conseguente perdita di qualità, attraverso un rapporto riduzione peso/perdita di qualità personalizzabile. Il miglior rapporto andrà quindi valutato caso per caso, e il risultato verificato sulla singola immagine a cui viene applicato.

Il sistema lossless, invece, non compromette la qualità originale dell’immagine, quindi può essere applicato anche in modo seriale a più immagini, ma il livello di compressione non permette di raggiungere la stessa riduzione di peso che si ottiene con il sistema lossy.

Immagini vettoriali

Ci riferiamo a web font e immagini in formato SVG che risultano già particolarmente leggere e scalabili senza perdita di risoluzione.

I suggerimenti per migliorarne le prestazioni sono:

Invia commento

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

Diamo i numeri!
home_icon_utenti
570

milioni di mail
I volumi annui delle nostre campagne email marketing.
home_icon_campagne
7.000

sviluppatori
La community che ha utilizzato tecnologia MW.
home_icon_fatturato
18

anni di attività
Un indicatore di esperienza e affidabilità.
home_icon_lead
15
persone + 20 collaboratori esterni
Un team completo di professionisti specializzati.
home_icon_crescita
1000 +

clienti
Le aziende che ci hanno dato fiducia.
Scarica “Mobile Commerce in Italia”

Inserisci nome e indirizzo mail per scaricare subito e gratuitamente il documento.

Ho letto e accettato l’informativa sulla privacy.
* Questa informazione è necessaria, grazie.

×
Scarica “e-Commerce Launch Checklist”

Inserisci nome e indirizzo mail per scaricare subito e gratuitamente il documento.

Ho letto e accettato l’informativa sulla privacy.
* Questa informazione è necessaria, grazie.

×
Scarica “Nuova Presentazione Merlin Wizard”

Inserisci nome e indirizzo mail per scaricare subito e gratuitamente il documento.

Ho letto e accettato l’informativa sulla privacy.
* Questa informazione è necessaria, grazie.

×