backgroundに解像度違いの画像を用意する

image-set

IE/Edge/Safariで使えない

code:css

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){

body{background:url(...);}

}