Ottimizzare le immagini per Display Retina

Tutorial, consigli utili per i web designer

Ottimizzare le immagini per <strong>Display Retina</strong>
20/11/2015

In questo demo vediamo come risolvere il fastidiosissimo problema della risoluzione delle immagini per i dispositivi con display retina che essendo al doppio della normale risoluzione appaiono sgranate. Grazie all ausilio del plug-in retina.js possiamo risolvere questo problema in pochissimi passaggi sia per le immagini caricate via HTML che per quelle caricate come background nel CSS. Come suggerisce casa Apple utilizziamo la dicitura @2x e due immagini che il plug-in andrà a caricare a seconda del caso. Per tutte le info del caso vi rimando al download free del tutorial che, come sempre, contiene oltre all’esercizio dimostrativo anche tutte le spiegazioni utili. Buon divertimento.

download