Conserva i dettagli. Riduci l’attesa.

I clienti vogliono vedere il tessuto, non scaricare il file originale della fotocamera. Adattiamo dimensioni, formato e caricamento all’uso di ogni immagine.

Ottimizzazione delle immagini per un sito più veloce

Una fotografia. Due compiti diversi.

Una piccola immagine nel catalogo mostra forma e colore della poltrona. Un primo piano deve far vedere trama e cuciture. Usare lo stesso file grande per entrambe le viste spreca dati; ridurle entrambe a miniature elimina dettagli utili.

Prepara dimensioni adatte al catalogo e alla scheda prodotto. Conserva un file più grande per una vera funzione di zoom. Controlla ogni versione alla dimensione vista dal cliente: una compressione adatta alla miniatura può sfocare il tessuto nel primo piano.

Una poltrona accanto a un ingrandimento del tessuto e di una cucitura.
La poltrona intera mostra forma e colore. L’ingrandimento rivela i dettagli da esaminare prima di scegliere il tessuto.

Sistema il file, le dimensioni e i tempi di caricamento.

Parti da una pagina lenta su un telefono. Individua l’immagine che serve per prima al cliente, poi verifica questi tre aspetti.

Scegli il formato in base al risultato

Confronta i formati possibili alla stessa dimensione di visualizzazione. Scegli il file più piccolo solo se bordi, trama e colore restano corretti nei browser dei clienti.

Offri al browser dimensioni adatte

Un’immagine larga 400 pixel CSS può richiedere un file da 800 pixel su uno schermo a densità doppia. Fornisci più versioni e la dimensione di visualizzazione corretta, così il browser può scegliere. Come funziona la scelta delle immagini responsive.

Carica prima l’immagine importante

L’immagine principale visibile all’apertura deve caricarsi subito. Rimanda quelle più in basso e riserva il loro spazio, evitando che prezzi e pulsanti si spostino quando compaiono. Guida al caricamento delle immagini.

Un file più piccolo è solo metà della verifica.

Confronta la stessa pagina, alla stessa larghezza e nelle stesse condizioni, prima e dopo la modifica. Controlla ciò che riceve il cliente, non soltanto il file nella libreria multimediale.

Che cosa è stato scaricato?

Registra il file immagine e i byte effettivamente scaricati. Un file ottimizzato non cambia nulla se la pagina continua a inviare il vecchio originale.

Quali dettagli rimangono?

Confronta lo stesso ritaglio alla stessa dimensione. Per la poltrona, esamina tessuto, cuciture e colore separatamente nel catalogo, nella vista completa e nello zoom.

Che cosa succede durante il caricamento?

Controlla quando compare l’immagine principale e se il prezzo o il pulsante d’acquisto si spostano. Ripeti la prova nelle stesse condizioni prima di valutare il miglioramento.

Devi soltanto inviare un file grande? Usa Devenia Send.

Ottimizzazione delle immagini per un sito più veloce

Mostra i dettagli senza far aspettare.

Inviaci una pagina lenta, il dispositivo interessato e i dettagli che i clienti devono vedere. Specifica se il problema riguarda la prima immagine, la galleria o lo zoom.