我的圖像'Angelina.png'的分辨率爲1000x1000,在網頁上顯示爲50x50。如果圖像本身是50x50,以下是否具有相同的效果?或者,它是否通過下載原始大小浪費了用戶帶寬? <img src='Angelina.png' width='50px' height='50px' alt='Angelina' />
在HTML浪費帶寬中使用<img>標記的高度和寬度屬性縮小圖像尺寸?
-1
A
回答
0
是的,因爲你是在DOM調整電子郵件即在實際的圖像從服務器下載(實際尺寸),你只是想調整它在DOM改善UI。
+0
我認爲它確實回答了這個問題? OP在想,如果在'img'標籤上指定屬性會浪費帶寬,並且這個答案澄清了它。 :) –
0
這裏有雲:
提示:裁員與高度大圖像和寬度屬性強制用戶下載大圖(即使它看起來小頁)。爲了避免這種情況,請在程序使用頁面之前使用程序重新縮放圖像。
參見:http://www.w3schools.com/tags/att_img_height.asp
所以,答案是肯定的,它需要更多的時間來下載,浪費帶寬。
0
如果帶寬是您的問題,請在下載前使用php GD重新調整服務器端的大小。正如Guru Kamar所說的,HTML被執行在客戶端,所以圖像被下載然後調整大小。 PHP執行服務器端所以下載的圖像會更小。是的,它浪費帶寬。
相關問題
- 1. 真實尺寸圖像或<img>寬度屬性?
- 2. 圖像集寬度HTML中的高度屬性,CSS中的設置寬度100%
- 3. 使用PHP上傳圖像前檢查圖像尺寸(高度和寬度)
- 4. HTML圖像的寬度和高度屬性
- 5. Uploadify最小圖像寬度和高度
- 6. 尺寸,僅更改寬度/高度
- 7. leptonica - 獲取尺寸(高度/寬度)
- 8. 如何從圖像標籤獲取寬度和高度屬性?
- 9. 在HTML/CSS中以最小寬度/高度在HTML中縮放圖像只有
- 10. SASS /指南針:雪碧圖像尺寸(寬度,高度)
- 11. HTML:使用最大高度/寬度縮放圖像
- 12. 上傳圖像上傳使用angularjs獲取尺寸(寬度和高度)驗證
- 13. 在沒有寬度和高度屬性的AS3 TextField中使用img標記
- 14. 圖像自動高度縮放寬度
- 15. 如何設置位圖的圖像高度和寬度屬性
- 16. 獲取圖片尺寸(高度和寬度)Js或jquery
- 17. UserControls的高度和寬度屬性
- 18. 設置圖片高度,但限制圖片尺寸的寬度
- 19. Fancybox設置一些圖像的高度和寬度屬性
- 20. ckeditor-ckfinder上傳圖像的默認屬性(寬度和高度)
- 21. Ant任務從PNG和JPEG文件中提取圖像尺寸(高度,寬度)?
- 22. 如何設置標記包含圖像的寬度和高度
- 23. 將每個尺寸的圖像調整爲固定的寬度和高度
- 24. 在PHP中使用寬度和高度調整HTML大小?
- 25. 從壓縮文件中獲取圖像的高度和寬度
- 26. 獲取圖像的寬度和高度
- 27. 更改圖像的寬度和高度
- 28. 獲取圖像的寬度和高度
- 29. 動態的圖像寬度和高度
- 30. 檢查圖像的寬度和高度
對於有效的圖像渲染,這超出了你的問題,這很有趣:http://ericportis.com/posts/2014/srcset-sizes/ – abksrv
它不會調整圖像的大小。它將下載全尺寸版本,然後以較小的尺寸顯示。您需要在服務器上調整大小的版本,或者在服務器端解決方案中爲您調整大小。調整大小並使縮略圖和原始文件可用最簡單。 – Archer
在非常高分辨率的顯示器(或打印機)上,使用較大的圖像看起來會更好,因爲此類顯示器每個(邏輯)像素具有多個設備點。然而在你的例子中,你將需要一個***非常高的分辨率來利用完整的圖像;至少2000dpi。我們還沒有提前那麼遠。 –