在html中生成「縮略圖」，同時保持比例

是否可以在保持比例的同時縮小html中的圖像尺寸？在html中生成「縮略圖」，同時保持比例

我知道我可以使用img標籤的高度和寬度屬性，但我不知道圖像的大小。

請不要告訴我要找出服務器上的圖片大小，或者正確的方法是在服務器端生成縮略圖，這樣可以節省帶寬並縮短頁面加載時間。

我知道什麼理想解決方案是。但我想快速和骯髒......

來源

2009-10-20 flybywire

爲什麼你喜歡快速和骯髒的解決方案？ – rahul 2009-10-20 09:41:12

@鳳凰，時間限制 - 你有沒有必要處理它們？還是你總是有時間運送最好的解決方案？ – flybywire 2009-10-20 10:25:12

快速和骯髒的：剛剛成立的img標籤的屬性之一：

<img src="my.jpg" width="200" /> or <img src="my.jpg" height="200" />

來源

2009-10-20 09:42:21 Trick

是。只需使用高度或寬度。

但快捷又髒兮兮的是very dirty。

來源

2009-10-20 09:42:41 Quentin

該鏈接證明瀏覽器調整大小的質量非常依賴於瀏覽器：我在Chrome，IE和Firefox中嘗試過。在IE和Firefox中，顯然它使用了「快速」濾鏡，但質量稍好於「快速」預處理圖像。在Chrome中，瀏覽器調整大小的圖片的質量實際上非常高。它實際上比高質量的預處理圖像更好！ – awe 2009-10-20 09:57:59

我給你+1，因爲你在解決方案（使用高度**或**寬度）是正確的，並且它是非常骯髒的基礎上使用更多的帶寬比必要的。 – awe 2009-10-20 10:01:05

也請記住，你可以給原有的寬度/高度值的百分比爲好，例如：

<img src="my.jpg" width="50%" />

來源

2009-10-20 09:50:22 Anax

這在大多數情況下不起作用 - 它只會將圖像寬度設置爲封閉元素寬度的50％。 – 2009-10-23 00:44:51

在html中生成「縮略圖」，同時保持比例

回答

相關問題