Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自较大图像文件的更高质量的缩略图_Javascript_Internet Explorer_Firefox_Image_Resize - Fatal编程技术网

Javascript 来自较大图像文件的更高质量的缩略图

Javascript 来自较大图像文件的更高质量的缩略图,javascript,internet-explorer,firefox,image,resize,Javascript,Internet Explorer,Firefox,Image,Resize,我将其他网站的图片显示为缩略图。为此,我将它们显示在一个较小的img标记中,这样浏览器的大小就会减小 问题是这些图像的质量(我无法控制)降低了。 此外,它们在FF和Safari中比在IE中看起来更好 有没有一种方法可以让这些图像看起来更好,而不用在我的服务器上缓存它们?(例如,javascript库可以更好地调整大小)?任何想法都值得高度赞赏。如果您使用的是源映像,而只是在客户机上重新调整大小,那么没有好的方法可以做到这一点 现在,除了使用其他站点图像可能带来的法律后果外,您还可以查看一个简单的

我将其他网站的图片显示为缩略图。为此,我将它们显示在一个较小的img标记中,这样浏览器的大小就会减小

问题是这些图像的质量(我无法控制)降低了。 此外,它们在FF和Safari中比在IE中看起来更好


有没有一种方法可以让这些图像看起来更好,而不用在我的服务器上缓存它们?(例如,javascript库可以更好地调整大小)?任何想法都值得高度赞赏。

如果您使用的是源映像,而只是在客户机上重新调整大小,那么没有好的方法可以做到这一点


现在,除了使用其他站点图像可能带来的法律后果外,您还可以查看一个简单的缓存过程,对图像进行快速重新大小调整,并保持纵横比,以便显示良好。这也有助于减少您从其他站点使用的带宽。

谷歌快速搜索显示,在IE7中,您可以解决图像质量问题:
拥有控制权的唯一方法是自己调整大小。不同的浏览器将使用不同的算法,有些带有反锐化掩蔽,有些没有。调整大小后使用的过滤器控制了大部分内容。特定的CSS标记可以在一定程度上控制这一点


Javascript不能真正处理这一点,但使用Flash或类似的技术可以做到这一点。您可以更好地控制图像。但是,您将失去HTML的“图像性”。

IE的默认图像大小调整算法没有那么好-它可以通过调整注册表项来更改,但这当然超出了您的控制范围

然而,显然,它也可以通过css触发来更好地调整图像大小

img { -ms-interpolation-mode: bicubic; }

来源:

有一件事我没有看到其他人提到的——你没有真正调整图像的大小,你只是在一个更小的空间里显示它。让我们假设您正在下拉一个非常大的图像文件(5MB),并以1 x 1的速度显示它-它仍然是5MB


为这些图像编写缓存解决方案一点也不困难,而且可以避免法律上的麻烦和尴尬。如果我在我的日志文件中看到了你的站点,并且意识到你正在删除我的图像,那么你会很生气。

对不起,你是说你不想保存两个版本的图像吗?原作和拇指?你只想从原始文件中以缩略图的形式“显示”图像吗?Dup:newjqueryplugin:图像是在有权限的情况下显示的。版权在这里不是问题。出于带宽和响应时间方面的考虑,我不想缓存图像。图像是在有权限的情况下显示的。图片所有者的版权和带宽在这里不是问题。出于带宽和响应时间的考虑,我不想缓存图像。该系统预计将大量增加。说你想节省带宽有点粗鲁。。。为了你自己!但是你愿意让用户从第三方下载整个图像吗?好极了。有人知道如何使用Javascript设置吗?使用object.style.msInterpolationMode=“bicubic”;(来源:)请注意,IE10不再支持这一点。在这个阶段没有替代品(见图)。