Retina

by lovromar

HTML

<div class="image"></div>

CSS

.image {

    background-image: url(lowreslogo.jpg);

    background-size: 250px 60px;
 
    width: 250px;
    height: 61px;

 

}

/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

.image {

    background: url(highreslogo.jpg) no-repeat;

    background-size: 250px 60px;

/* rest of your styles... */

}

}