Problemi relativi alla risoluzione e alle dimensioni delle immagini

Che vendiate qualcosa, forniate servizi, offriate social media o semplicemente forniate informazioni online, tali contenuti e la loro presenza possono avere successo solo se gli utenti interagiscono con essi. Avere utenti felici in genere significa avere un sito web di successo.

Le immagini aiutano a generare engagement, in quanto il cervello riceve ed elabora gli stimoli visivi più velocemente di quelli testuali. Gli umani sono programmati per reagire meglio alle immagini.

Sono molti i modi in cui le immagini per i siti web possono migliorare l'engagement:

  • I post contenenti foto ricevono oltre il 50% in più di like su Facebook
  • Gli articoli con immagini ottengono il 94% in più di visualizzazioni totali
  • Il 63% delle persone pensa che la qualità dell'immagine di un prodotto sia più importante delle informazioni sul prodotto stesso

Un sito web che utilizza solo testo e niente immagini non risulta certo molto interessante o accattivante, indipendentemente dallo scopo che vuole raggiungere.

Ciò ha portato alla distribuzione di immagini più grandi negli ultimi 5 anni. Il seguente grafico (basato sui dati ottenuti da http://httparchive.org) mostra che, nonostante il numero di immagini resti quasi lo stesso, le loro dimensioni si sono quasi triplicate, poiché i proprietari dei contenuti tentano di rendere più accattivanti i siti web e di approfittare delle risoluzioni più elevate dei nuovi schermi.

Un utente felice non aspetta

Image & Video Manager Growth Graph

Al pari dei contenuti di qualità, anche migliori performance dei siti websi sono dimostrate utili a migliorare l'engagement degli utenti. Il requisito per avere buone performance è diametralmente opposto alla distribuzione di immagini ad alta risoluzione.

Due sono gli aspetti principali che influenzano le prestazioni delle immagini: la velocità con cui vengono inviate sulla rete e la velocità con cui vengono visualizzate sullo schermo.

Abbiamo anche soluzioni per browser come immagini reattive, caricamenti rallentati e Responsive And Server Side Design (RESS) per evitare di caricare immagini nascoste.

Performance di rete

La regola aurea per migliorare i tempi di download delle immagini è ridurne i byte. Ciò comprende:

  • Ridurre la risoluzione dell'immagine e le dimensioni visibili in pixel per adattarsi alle dimensioni sullo schermo
  • Ridurre la qualità a un livello adatto per il sito web
  • Selezionare il formato giusto per consentire compressione e trasferibilità
  • Applicare un sottocampionamento della crominanza
  • Ridurre le dimensioni complessive del file per consentire tempi di caricamento più rapidi
Se l'utente utilizza una connessione di bassa qualità, come il 3g, potrebbero essere necessarie maggiori ottimizzazioni. Ad esempio, potreste scegliere di distribuire loro immagini a una risoluzione inferiore.

Performance dei dispositivi

Una volta distribuita l'immagine sul dispositivo, dovrà essere elaborata (decodificata) e rappresentata sullo schermo. Non tutti i dispositivi sono uguali e livelli variabili di memoria e capacità di elaborazione grafica possono giocare un grande ruolo nei tempi di rappresentazione dell'immagine. Tutte le tecniche menzionate sopra aiutano a ridurre lo spazio che un'immagine occupa in memoria e possono velocizzare i tempi di rappresentazione.

Immagini belle + buone performance = utenti felici = sito web di successo

Fornire la giusta immagine una volta era semplice. Ora abbiamo migliaia di dispositivi con schermi di varie dimensioni a cui pensare, una diversa connettività di rete e persino formati di immagine specifici per il browser. Ciò è molto lontano da ciò che succedeva 10 anni fa, quando gli schermi CRT e il suono squillante di un modem 56k accompagnava quasi tutti gli utenti che navigavano sul web.

Se volete far felici gli utenti, non potete rimuovere immagini, perciò dovete offrirle e visualizzarle il prima possibile, onde evitare che il vostro sito web abbia problemi con le immagini.

Scoprite di più sulla gestione delle immagini online con Akamai Image & Video Manager