将图像客户端调整为缩略图会导致图像锯齿状和丑陋

Question

我试图在飞行中使用缩略图，所以我不必同时拥有拇指和实际图像。我完成了PHP（具有出色的imagecopyresampled功能），效果很好。

现在我想在没有PHP的情况下做类似的事情，我对其他选择很好奇。让浏览器进行渲染似乎不是一个好主意。我使用Explorer，Safari和Chrome获得了良好的效果，而Firefox和Opera都产生了锯齿状的拇指。我已经明白，这与浏览器使用双三次插值进行缩放的能力有关。

我现在想知道是否有办法让Javascript这样做，就像PHP之前用双三次插值做的那样，这会产生更好看的拇指或者是否有解决浏览器问题的方法（我知道CSS财产-ms-interpolation-mode）？一般来说，客户端产生大拇指的意见是什么？如果没有合理的替代方案，也许最好继续使用PHP？

PS如果我使用Javascript或CSS重新缩放图像是否重要？

Answer 1

优先选择服务器端缩略图有两个不同的原因。您发现的第一个是浏览器到浏览器的结果不一致。第二个是客户端调整大小需要将整个完整大小的图像下载到客户端 - 这会导致页面显着减慢。

您使用浏览器缩放的问题可能与使用双三次插值无关。有两种不同的双三次实现，其中一些在缩小图像方面做得很好，有些则没有。