Specifiche delle immagini

Immagini di alta qualità migliorano l’aspetto del tuo negozio e aumentano i tassi di conversione. Tutte le immagini caricate su storekit vengono automaticamente ottimizzate e servite tramite CDN per un caricamento rapido.

​

Specifiche delle immagini

Queste dimensioni garantiscono un rendering nitido su display ad alta densità (Retina) fino a 3x. Tutte le immagini vengono automaticamente ottimizzate e ridimensionate per diverse dimensioni di schermo tramite la consegna CDN.

​

Dimensioni e ritaglio del logo del negozio

Carica il logo del tuo negozio come immagine quadrata, 1536 x 1536 px. Quando crei un negozio, il campo Logo consiglia di “caricare un’immagine quadrata alla risoluzione più alta disponibile e di almeno 160x160 pixel”. 160 x 160 px è un minimo, non un obiettivo, e la vetrina richiede versioni fino a 320 px di larghezza, quindi qualsiasi cosa sotto i 320 px apparirà sfocata. Caricalo in Stores → il tuo negozio → Settings → Design & Branding → Images → Brand → Logo.

​

Come viene visualizzato il logo

La dimensione di visualizzazione dipende dallo stile dell’intestazione impostato in Stores → il tuo negozio → Settings → Design & Branding → Layout → Header style (Classic, Minimal o Multisite. Questa lista è fissa): Poiché la vetrina richiede versioni del logo a 1x, 2x e 3x (fino a 320 px di larghezza) per mantenerlo nitido sugli schermi Retina, il caricamento deve essere molto più grande della cornice in cui viene inserito. Ecco perché il caricamento consigliato è 1536 x 1536 px anche se l’intestazione Classic lo visualizza a 80 x 80 px. Qualsiasi cosa più piccola di 320 px di larghezza apparirà sfocata su un display ad alta densità.

​

Cosa succede a un logo non quadrato

Nell’intestazione Classic, il logo viene posizionato in un quadrato fisso di 80 x 80 px e poi mascherato in un cerchio:

• Un logo largo (landscape) viene compresso per adattarsi al quadrato, quindi appare compresso, e la maschera circolare taglia gli angoli e le estremità sinistra e destra. Le parti di un wordmark più vicine ai bordi scompaiono.
• Un logo alto (portrait) viene allungato nell’altra direzione e la parte superiore e inferiore vengono tagliate dalla stessa maschera circolare.
• Un logo quadrato riempie correttamente il cerchio, ma qualsiasi dettaglio negli angoli del quadrato rimane comunque fuori dal cerchio. Mantieni il tuo mark centrato con del padding intorno.

Non c’è alcun controllo di ritaglio, zoom o riposizionamento per il logo in Design & Branding. Il pannello di caricamento accetta solo un file e l’incorniciatura circolare non può essere disattivata, quindi la grafica deve essere preparata quadrata prima del caricamento.

​

Desktop e mobile differiscono

Nell’intestazione Classic, il logo circolare appare solo su schermi con larghezza desktop. Su mobile l’intestazione Classic mostra invece la tua Header image e il nome del negozio, e il Logo non viene visualizzato lì. Ecco perché un logo ritagliato viene solitamente segnalato come un problema solo desktop. Le intestazioni Minimal e Multisite mostrano il Nav logo a 32 px di altezza sia su desktop che su mobile, scalato per adattarsi anziché ritagliato. Se hai un logo largo, in stile wordmark, che non può essere reso quadrato, uno di questi stili di intestazione lo visualizzerà senza ritagli.

​

Caricamento delle immagini

​

Immagini dei prodotti

1. Apri la Dashboard e naviga su Menus → Menu
2. Seleziona il prodotto che vuoi modificare
3. Clicca sull’area dell’immagine in cima all’editor del prodotto
4. Scegli un file immagine dal tuo dispositivo e conferma il caricamento
5. Salva il prodotto

​

Immagini di intestazione delle categorie

1. Apri la Dashboard e naviga su Menus → Menu
2. Seleziona la categoria che vuoi aggiornare
3. Clicca sull’area dell’immagine di intestazione in cima all’editor della categoria
4. Carica un’immagine — usa un’immagine larga e corta in stile banner (l’immagine viene visualizzata a larghezza piena senza vincoli di altezza, quindi le immagini più corte funzionano meglio)
5. Salva la categoria

​

Migliori pratiche

• Usa foto di alta qualità — Immagini chiare e ben illuminate aumentano significativamente i tassi di ordine
• Proporzioni coerenti — Mantieni le immagini coerenti tra i prodotti per un aspetto raffinato
• Illuminazione naturale — Le foto di cibo appaiono meglio con luce naturale e soffusa
• Sfondi semplici — Evita sfondi disordinati che distraggono dal prodotto
• Orientamento corretto — Assicurati che le immagini non siano ruotate o capovolte prima di caricarle

​

Formati supportati

storekit utilizza Uploadcare per l’elaborazione delle immagini, che supporta un’ampia gamma di formati immagine tra cui PNG, JPG, GIF, WebP, HEIC, TIFF e BMP. Le immagini vengono automaticamente convertite e ottimizzate per la consegna.

​

Risoluzione dei problemi

​

L’immagine non si carica

Causa: Il file supera il limite di 100 MB, utilizza un formato non supportato o un’estensione del browser sta interferendo. Correzione:

1. Controlla la dimensione del file — comprimi o ridimensiona l’immagine se supera i 100 MB
2. Assicurati che il file sia in un formato immagine supportato (PNG, JPG, GIF, WebP, HEIC, TIFF o BMP)
3. Prova un browser diverso o disabilita le estensioni del browser
4. Cancella la cache del browser e riprova

​

Il mio logo è ritagliato o schiacciato

Causa: Lo stile di intestazione Classic posiziona il Logo in un cerchio fisso di 80 x 80 px, quindi un’immagine non quadrata viene compressa e i suoi bordi tagliati. Non c’è alcun controllo di ritaglio o riposizionamento per regolare questo. Correzione: Ricarica un logo quadrato con il mark centrato e un po’ di padding intorno (consulta Dimensioni e ritaglio del logo del negozio), oppure passa allo stile di intestazione Minimal o Multisite in Stores → il tuo negozio → Settings → Design & Branding → Layout → Header style, che visualizzano invece il Nav logo scalato per adattarsi.

​

L’immagine sembra sfocata

Causa: La risoluzione dell’immagine sorgente è troppo bassa per le dimensioni di visualizzazione. Correzione: Carica un’immagine che soddisfi o superi la risoluzione consigliata per quel tipo di immagine (consulta la tabella delle specifiche sopra). Per le immagini dei prodotti, punta ad almeno 1200 x 1200 px per apparire nitide su display Retina — più alto è sempre meglio poiché storekit ridimensiona automaticamente.

​

Uso un’integrazione POS e non posso cambiare le immagini

Causa: I menu sincronizzati con POS possono bloccare la modifica dei prodotti nella Dashboard storekit. Quando un’integrazione POS gestisce il tuo menu, le modifiche apportate nella Dashboard possono essere sovrascritte alla successiva sincronizzazione. Correzione: Aggiorna le immagini direttamente nel tuo sistema POS e lascia che si sincronizzino con storekit. Se il tuo POS non supporta i caricamenti di immagini, contatta il supporto per discutere lo sblocco della modifica delle immagini. Consulta Panoramica dell’integrazione POS per dettagli su come funzionano i menu sincronizzati.