适配Retina显示屏的图像仍模糊问题求助

为适配Retina显示屏，我将图像尺寸放大至2倍：显示区域尺寸为350x357，图像实际尺寸为700x714。但将该图像添加至网页后，即便保存为高质量PNG格式仍显示模糊。尤为奇怪的是，在浏览器中单独打开该图像并缩放至350x357时，预览效果比嵌入网页时更清晰，我完全不清楚原因。

直接查看图像的效果 #

网页中查看图像的效果 #

Web检查器中的缩放信息 #

内容的提问来源于stack exchange，提问作者Kristen Grote