較大圖像文件質量較好縮略圖

我以縮略圖的形式顯示來自其他網站的圖像。爲此，我將它們顯示在較小的img標籤中，以便瀏覽器縮小尺寸。較大圖像文件質量較好縮略圖

問題是這些圖像的質量（我無法控制的）會減少。在FF和Safari中，它們看起來也好於IE。

有沒有辦法讓這些圖像看起來更好，而不會將它們緩存在我的服務器上？（例如，以更好的質量調整大小的JavaScript庫）？任何想法是高度讚賞。

2009-04-21 Nir

對不起，你是說你不想保存2個版本的圖像？原來和拇指？你只是想要一種方式來將圖像「顯示」爲原始文件中的縮略圖？ – 2009-04-21 14:07:39

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

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

IE的默認圖像調整大小算法不是那麼好 - 它可以通過調整註冊表項來改變，但當然這是超出你的控制。

但是，顯然也可以觸發做通過CSS更好的圖像大小調整

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

2009-04-21 14:12:02

如果您正在處理源圖像，並且只是在客戶端重新調整大小，則不會有這樣做的好方法。

現在，除了使用其他站點圖像的潛在法律後果之外，您可以查看簡單的緩存過程，並快速重新調整圖像大小，並保持寬高比，以便顯示效果良好。這也有助於減少您從其他站點使用的帶寬。

2009-04-21 14:03:00

圖像經過許可顯示。來自圖像所有者的版權和帶寬在這裏不是問題。由於帶寬和響應時間的考慮，我不想緩存圖像。該系統預計將增長到大量。 – Nir 2009-04-22 21:30:25

這是粗魯的說，你想節省帶寬...爲自己！但是你願意讓用戶從第三方下載整個圖像？伊克。 – 2009-07-08 23:37:34

2009-04-21 14:05:22 kbosak

有控制的唯一方法是做調整自己。各種瀏覽器將使用不同的算法，其中一些使用不清晰的遮罩，一些則不使用。調整大小後使用的過濾器控制了大部分內容。具體的CSS標籤可以在一定程度上控制這一點。

JavaScript不能真正處理這個，但使用Flash或類似的將允許這一點。你會更好地控制圖像。但是，就HTML而言，您將失去「形象」。

2009-04-21 14:06:44 Joe

有一件事我沒有看到其他人提到的 - 你是不是真正調整圖像的大小，你只是在一個較小的空間顯示它。假設您正在拉下一個非常大的圖像文件（5MB）並以1 x 1顯示 - 它仍然是5MB！

爲這些圖像編寫緩存解決方案根本不會很困難 - 並且會爲您節省法律上的分歧和尷尬。如果我在我的日誌文件中看到您的網站，並意識到您正在拉下我的圖片，那麼您會是Goatse的 - 很難。

2009-04-21 14:18:43

回答