ipad3 retina

HTML

<div class="image" />

CSS

/* image styles */
.image {
    width:960px;
    height:720px;
    background: url(https://pixabay.com/static/uploads/photo/2014/03/29/09/17/cat-300572_960_720.jpg);
    background-repeat:no-repeat;
}
/* image retina display */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
    .image {
        width:470px;
        height:360px;
        background: url(https://pixabay.com/static/uploads/photo/2014/03/29/09/17/cat-300572_960_720.jpg);
        background-size:470px 360px;
    }
}