我希望让网站动态缩放其 Assets (png/jpg) 并为三组分辨率输出适当的 css:540p、720p、1080p
目前我们为每个分辨率创建了 Assets ，所以手动维护了 3 套，理想情况下我想要一个 Jenkins/hudson 作业来创建 Assets (通过从最高分辨率 Assets 集缩放，可能使用 imagemagick 命令行)然后生成 CSS使分辨率布局成为可能。
这显然不是一个古老或独特的问题，我想知道对此采取的最佳方法是什么？ 该网页适用于功能有限但支持 HTML5 的低计算能力嵌入式设备。解决方案必须是在服务器端创建 Assets 和 CSS 缩放，因为我们不能依赖设备来应对大量缩放。
期待您的想法和回复。
提前干杯。
最佳答案
这不是一个真正的解决方案，而是一个运行良好且更易于维护的解决方案:
- 用 SGV 替换 PNG。采用最高分辨率版本并使用类似 http://vectormagic.com 的内容.
- 对于 JPG，采用最高分辨率版本，但对其进行大量压缩并使用 ImageOptim 之类的工具。这适用于:
- 现在的浏览器非常擅长将较高分辨率的图像调整为较小的图像。
- 由于使用全尺寸时像素密度非常高，因此压缩(伪像)将不那么明显。如果您的浏览器正在缩小，由于您的浏览器应用了平滑，伪影将不那么明显。
- 文件会变大，但不会太大，因为您可以使用更高的压缩率，而且随着图像的变大，效率会越来越高。
引用:http://www.fngtps.com/2012/reasonable-ways-to-use-high-resolution-images-on-retina-displays/
关于css - 为 3 组分辨率制作网站规模 Assets 和 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25594383/