縮小HTML圖像的快速方法？

Question

我知道的3種主要方法，以縮小圖片：

1. 使用img標籤寬度高度
2. 把所有的圖像在一個DIV，然後縮放整個股利。
3. 用戶使用ctrl +鼠標滾輪縮放。

我有一些頁面有大量的圖像。我注意到的是這些方法之間存在巨大的速度差異。方法1很快就會殺死firefox。方法3似乎是我嘗試過的所有連串中最快的。

有沒有人知道任何其他方法？有沒有通過javascript/css指定瀏覽器縮放級別應該是什麼的方法，所以我至少可以使用最快的方式？

Answer 1

客戶端上的easist會縮放服務器上的圖像，並將它們發送到瀏覽器，但是在服務器端需要一些嚴重的CPU能力（除非你緩存它們，並在之後提供它們）。你可以通過PHP quite easily來實現。根據您的目的，您可以簡單地編寫一個腳本，將所有圖像放入目錄中，調整大小並將其保存爲「大拇指/」。

如果你不想在服務器上使用任何東西，我會選擇1或者問爲什麼在一個頁面上有這麼多的圖像可以使用。嘗試添加一些分頁或其他東西。如果瀏覽器在使用這種調整圖像大小的基本方法時速度變慢，則可能會進行一些重構。

Answer 2

如果您打算調整圖像大小，爲什麼不讓圖像本身變小。這將加載你嘗試的任何方法中最快的。您可以使用PHP創建縮略圖大小的圖像，以及如果需要查看全尺寸圖像的鏈接。請記住，即使您使用高度/寬度調整圖像大小，瀏覽器仍會加載完整圖像。

請參閱http://articles.sitepoint.com/article/image-resizing-php瞭解如何在php中調整圖像大小。