Distingui pixel, ritaglio e dimensione del file.
Le dimensioni indicano il numero di pixel. Il peso del file indica i dati da scaricare. Il ritaglio indica quale parte del soggetto resta visibile. Puoi migliorare un aspetto peggiorandone un altro: confrontali separatamente.
Un’immagine da 960 pixel può funzionare bene in una piccola griglia prodotti ma non per un grande zoom sui dettagli. Non esiste un unico limite di peso adatto a ogni prodotto, dispositivo e template. Le scritte minuscole su una confezione richiedono una valutazione diversa da una sagoma semplice.
Esamina l’immagine che ricevono i clienti.
Controlla separatamente scheda di categoria, immagine prodotto, galleria e zoom. Conferma le dimensioni mostrate ed esamina l’immagine richiesta nel browser. La distribuzione responsive può inviare una versione diversa a ogni dispositivo; l’originale della libreria non è necessariamente il file scaricato.
Se l’immagine è sfocata, confronta prima originale, miniatura generata e dimensioni di visualizzazione. Ingrandire una piccola miniatura non restituisce i dettagli. Dopo modifiche a miniature o tema, rigenera le misure pertinenti con la procedura documentata per quella configurazione.
Confronta una foto alla stessa dimensione di visualizzazione.
Per questo confronto immagina una T-shirt fotografata su sfondo neutro. Mantieni fissi ritaglio e dimensione. Esamina bordi del tessuto, etichetta e sfondo per individuare difetti. Registra i byte dei file realmente scaricati, anziché stimare il risparmio.
| Versione | Cosa cambi | Cosa controlli |
|---|---|---|
| originale | nulla; conservalo come fonte | i dettagli che vuoi mantenere |
| dimensioni adatte | ridimensiona per l’uso previsto | bordi ed etichetta alla dimensione reale di visione |
| variante compressa | formato e compressione | trama del tessuto, artefatti e byte scaricati |
| immagine distribuita | carica la pagina prodotto online | il browser riceve la versione prevista |
Descrivi l’immagine, poi verifica l’intera pagina.
Scrivi il testo alternativo per ciò che l’immagine comunica nel suo contesto: “T-shirt pesante Chalk, vista frontale” è più utile di un elenco di parole chiave. Le immagini decorative possono richiedere un testo alternativo vuoto. Una buona descrizione non sostituisce il testo utile del prodotto.
Verifica dal telefono e da uno schermo più grande, incluso lo zoom se lo offri. Conserva l’originale per misure future. Se una versione è errata, correggi generazione o distribuzione prima di elaborare tutta la libreria. Poi misura separatamente le prestazioni della pagina: una modifica alle immagini non spiega ogni ritardo di caricamento.