Archivio Domande

Sì!

La maggior parte dei dispositivi mobili, inclusi i dispositivi iOS (iPhone e iPad), e alcuni computer (come il MacBook Pro Retina) supportano le immagini ad alta risoluzione.

Un'immagine ad alta risoluzione (o Retina) ha il doppio dei pixel di un'immagine normale, ma ha la stessa larghezza e altezza.

Questo significa che su questi dispositivi le immagini possono apparire molto più nitide. EverWeb rende molto semplice supportare i dispositivi Retina o ad alta risoluzione.

Ogni immagine integrata in EverWeb viene convertita automaticamente in un'immagine Retina per te. Quindi, se ad esempio hai creato un pulsante o usi una sfumatura, EverWeb si assicura che abbiano un ottimo aspetto sui dispositivi ad alta risoluzione, senza alcun passaggio in più da parte tua.

Devi occuparti solo delle immagini che aggiungi al tuo sito web. Per fare in modo che il tuo sito web usi immagini Retina, procedi così:

1) Ti servono due immagini per ogni immagine che aggiungi a EverWeb: una a dimensione normale e una a dimensione doppia. Nota: non limitarti a ingrandire al doppio la tua immagine di dimensione normale. In questo modo si vanifica lo scopo di aggiungere immagini Retina al tuo sito.

2) L'immagine a dimensione doppia deve chiamarsi:

[email protected]

dove normal_image è lo stesso nome della tua immagine a dimensione normale e png è la stessa estensione di file della tua immagine normale. L'unica differenza è che nell'immagine Retina aggiungi @2x prima dell'estensione del file.

ESEMPI DI NOMI DI FILE

IMMAGINE NORMALE: traveling.png
IMMAGINE RETINA: [email protected]

IMMAGINE NORMALE: myphoto.jpg
IMMAGINE RETINA: [email protected]

3) Poi trascina entrambe le immagini nell'elenco Risorse di EverWeb. Quando usi una delle due immagini sul tuo sito, EverWeb pubblica sia la versione normale sia quella Retina insieme al tuo sito web. Lo fa usando codice CSS altamente ottimizzato, in modo che il browser del visitatore scarichi solo l'immagine adatta al suo schermo.