Glossario · Formati
Retina
Schermi ad alta densità di pixel; per vedere un’immagine nitida su di essi si usa una versione al doppio della risoluzione.
In dettaglio
Su uno schermo retina (o «ad alta densità») ogni pixel di progetto viene disegnato con 2 o più pixel reali. Un’immagine da 300×250 pixel appare sfocata se viene stirata su quello spazio, quindi si prepara una versione da 600×500 e la si mostra ridotta a 300×250.
Il prezzo è il peso: un’immagine al doppio della risoluzione pesa parecchio di più. Per questo in HTML5 conviene usare testo e forme vettoriali (SVG) quando possibile, e riservare le immagini grandi a ciò che ne ha davvero bisogno.
Esempio
Una foto da 600×500 mostrata con width: 300px per un banner da 300×250.