salve , per le immagini retina uso questo script (non mio http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/):
..ora...il problema: il browser scarica dal server sia img@2x.jpg che img.jpg..quindi...devo decidere se privilegiare la performance o la resa grafica?... oppure è possibile in qualche modo far scaricare al browser solo l'immagine adatta al display retina?
grazie
HTML:
<script type="text/javascript">
$(function () {
if (window.devicePixelRatio == 2) {
var images = $("img.2x");
// loop through the images and make them hi-res
for(var i = 0; i < images.length; i++) {
// create new image name
var imageType = images[i].src.substr(-4);
var imageName = images[i].src.substr(0, images[i].src.length - 4);
imageName += "@2x" + imageType;
//rename image
images[i].src = imageName;
}
}
});
</script>..ora...il problema: il browser scarica dal server sia img@2x.jpg che img.jpg..quindi...devo decidere se privilegiare la performance o la resa grafica?... oppure è possibile in qualche modo far scaricare al browser solo l'immagine adatta al display retina?
grazie