CSS3中提供了一种简单的方法来实现图片分辨率自适应，它可以根据不同分辨率的屏幕自动加载不同分辨率的图片。这可以明显地提高网站的响应速度，同时减少用户对数据流量的消耗。

使用CSS3的background-image属性可以实现图片分辨率自适应，下面是一个例子：

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
body {
background-image: url('example@2x.jpg');
background-size: 100%;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-pixel-ratio: 1) {
body {
background-image: url('example.jpg');
background-size: 100%;
}
}

在上面的例子中，我们使用了媒体查询和-min-device-pixel-ratio属性，这样可以根据不同的设备像素比来加载不同分辨率的图片。如果设备像素比为1.5或以上，就加载图片example@2x.jpg，否则就加载图片example.jpg。我们还使用了background-size属性，这样可以确保图片自适应背景。

除了使用background-image属性，我们还可以使用标签来实现图片分辨率自适应。下面是一个例子：

在上面的例子中，我们使用了srcset属性来定义不同分辨率的图片，其中1x表示设备像素比为1，2x表示设备像素比为2。浏览器会自动根据设备像素比来选择合适的图片。

总之，实现图片分辨率自适应可以提高网站的性能和用户体验，让网站更加美观和流畅。