将缩放与最大宽度相结合

Question

我正在尝试进行图像大小调整操作：

• 图像库存为2倍维度（对于Retina）
• 如果检测到的设备是低分辨率（标准），请将图像缩小50％至1倍（即缩放= 0.5）
• 如果设备最大分辨率为800，请将图像设置为不超过800（即maxwidth = 800）

然而，当我结合两个操作（即缩放= 0.5和最大宽度= 800）时，它基本上给我一个800 x 50％= 400的图像。但我想让图像先减少50 ％（例如，如果图像为2000w x 1000h，将其减小到1000w x 500h），则确保宽度不超过800（即800w x 400h）。

有没有办法解决这个问题？

提前致谢！

斯蒂芬

Answer 1

Zoom在所有其他大小调整操作后运行，例如width / height / maxwidth / maxheight。这可确保您可以向任何图像命令集添加“缩放”并缩放结果。

即，缩放倍数'结果'大小，而不是源大小。

如果您正在制作自适应图片，则应考虑trying slimmage.js。如果您想要有效地同时处理像素密度和CSS视口或元素规则，这是非常理想的。

如果您确实需要构建自己的解决方案，则需要在客户端（并单独设置maxwidth）或服务器端（并添加应用自定义规则的命令）进行数学运算。

完全披露：我写了Slimmage，所以我个人认为这是最好的全能解决方案，当然:)