2009-04-21 56 views
2

我以缩略图的形式显示来自其他网站的图像。为此,我将它们显示在较小的img标签中,以便浏览器缩小尺寸。较大图像文件质量较好缩略图

问题是这些图像的质量(我无法控制的)会减少。 在FF和Safari中,它们看起来也好于IE。

有没有办法让这些图像看起来更好,而不会将它们缓存在我的服务器上? (例如,以更好的质量调整大小的JavaScript库)?任何想法是高度赞赏。

+1

对不起,你是说你不想保存2个版本的图像?原来和拇指?你只是想要一种方式来将图像“显示”为原始文件中的缩略图? – 2009-04-21 14:07:39

+0

Dup:http://stackoverflow.com/questions/681684/how-can-you-make-images-resized-with-css-look-good-in-ie – JPot 2009-04-21 16:27:35

+0

新的jQuery插件:http://stackoverflow.com/questions/34965904/ie-thumbnail-pixelation-when-high-resolution-image-is-set-to-size – Spirit 2016-01-23 16:50:18

回答

1

如果您正在处理源图像,并且只是在客户端重新调整大小,则不会有这样做的好方法。

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

+0

图像经过许可显示。来自图像所有者的版权和带宽在这里不是问题。由于带宽和响应时间的考虑,我不想缓存图像。该系统预计将增长到大量。 – Nir 2009-04-22 21:30:25

+0

这是粗鲁的说,你想节省带宽...为自己!但是你愿意让用户从第三方下载整个图像?伊克。 – 2009-07-08 23:37:34

2

有控制的唯一方法是做调整自己。各种浏览器将使用不同的算法,其中一些使用不清晰的遮罩,一些则不使用。调整大小后使用的过滤器控制了大部分内容。具体的CSS标签可以在一定程度上控制这一点。

JavaScript不能真正处理这个,但使用Flash或类似的将允许这一点。你会更好地控制图像。但是,就HTML而言,您将失去“形象”。

2

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

为这些图像编写缓存解决方案根本不会很困难 - 并且会为您节省法律上的分歧和尴尬。如果我在我的日志文件中看到您的网站,并意识到您正在拉下我的图片,那么您会是Goatse的 - 很难。