jQuery:预览图像

Question

我有一个高质量的图像，我想用这个图像生成img标签。问题是，加载此映像需要花费大量时间。因此，问题是:如何减少图像的质量而不创建另一个低质量的图像？

Answer 1

如何降低图像质量，而不创建另一个低质量的图像？

答案是:你不能。如果你想减少带宽，你可以为实际图像提供缩略图。这些缩略图可以使用您选择的服务器端语言从原始图像中动态生成。如果你不减少服务器上的那些图像，你就会崩溃。一旦你把它们发送到客户端，你已经浪费了带宽。如果您想要获得某些内容，则必须在服务器上进行这种减少。您可以始终设置width和height标记的img属性，并欺骗自己您正在获得某种东西。

Answer 2

如果您使用“交错”选项集保存图像gif或png，则随着从服务器接收到更多数据，图像将逐渐加载到更详细、最初模糊/模糊且分辨率增加的位置。

不过，这确实有增加文件大小的主要后果。

参考资料：

• 编码恐怖，杰夫·阿特伍德。