我正在开发一个流畅的网站。为了获得最大的图像质量和最小的图像加载时间，我为不同的分辨率使用了不同的精灵（例如 1680+、1440+、1280+、1024+、800+、1680@2x（对于视网膜）、1440@2x，..）通过@media 查询。
我最终有10个不同的精灵。简单地通过 CSS（背景大小或最大宽度）缩小高分辨率图像会导致质量下降（尤其是图标）和图像文件大小的不必要开销。
使用 Photoshop 将图像缩小 10 倍并对其进行微调并不是一个好习惯（Imagemagick 在这里对我不起作用）。怎么做才对？