Post
Retina.js è uno script open source che rende più facile servirsi di immagini ad alta risoluzione per dispositivi con display retina.
Come funziona - Quando gli utenti caricano una pagina, retina.js controlla ogni immagine della pagina per vedere se c'è una versione ad alta risoluzione di questa immagine sul server. Se esiste un immagine ad alta risoluzione, lo script cambierà l'immagine al momento.
Lo script presuppone che si utilizzi Apple's prescribed high-resolution modifier (@2x) per indicare le varianti ad alta risoluzione delle immagini sul vostro server.
Ad esempio, se si dispone di un'immagine sulla pagina che assomiglia a questo:
src="/images/my_image.png" <img />
Lo script controllerà il vostro server per vedere se esiste un'immagine alternativa in questo percorso:
"/images/my_image @ 2x.png"
Come si usa - Lo script di supporto sostituisce automaticamente le immagini sulla pagina con le varianti ad alta risoluzione (se esistono). Per utilizzarlo, scaricare lo script e inserirlo nella parte inferiore della pagina.
1. Posizionare il file retina.js sul vostro server
2. Includere lo script nella pagina
<script type="text/javascript" src="/scripts/retina.js"> </script>
metterlo nella parte inferiore del modello, prima della chiusura del tag </body>
