在用div和css制作網(wǎng)站內(nèi)容頁的模板時，我們會對其中的一些內(nèi)容進(jìn)行樣式固定，比如標(biāo)題用幾號字、什么顏色，發(fā)布時間用什么字體、什么顏色等等，內(nèi)容頁面中自然也少不了圖片，這些圖片是通過相應(yīng)的網(wǎng)站內(nèi)容管理系統(tǒng)上傳到服務(wù)器上的，在內(nèi)容頁中用img標(biāo)簽做了引用得以在網(wǎng)頁上顯示。

用相機(jī)拍攝的圖片像素一般遠(yuǎn)遠(yuǎn)超過了網(wǎng)頁內(nèi)容區(qū)域瀏覽范圍的大小，而圖片本身的大小也在1M左右，有時候為了方便，直接把圖片傳上去，然后用css來統(tǒng)一控制圖片的寬度，高度自動適應(yīng)，但是這樣做僅僅能讓網(wǎng)頁瀏覽者看到的圖片像素變小了，似乎與內(nèi)容很協(xié)調(diào)，實際上網(wǎng)頁已經(jīng)加載了這張1M左右的圖片，如果一頁有好幾張新聞圖，就要連續(xù)加載好多1M大小的圖片，這時網(wǎng)頁打開的速度明顯變慢，而且有些圖片會有一定程度的失真。

另外，如果把內(nèi)容中圖片的尺寸寫死，有時候上傳一些附件時，在附件前會有一個小圖標(biāo)，由于這個小圖標(biāo)也是用img標(biāo)簽引入的，因此也會被“放大”，要解決這個問題又必須要單獨(dú)修改這個圖標(biāo)的樣式，很是麻煩，而且一般內(nèi)容的更新人員往往不懂這些技術(shù)活。

當(dāng)網(wǎng)站進(jìn)行改版時，可能不是原來的公司負(fù)責(zé)了，而這些上傳到服務(wù)器上的圖片如果是沒有處理過的，“圖片加載慢”的問題仍然會的不到解決，因為負(fù)責(zé)改版的人員不可能對你所有的圖片一一進(jìn)行處理。

從技術(shù)上能實現(xiàn)的效果有很多，但不是所有的方案都是合理的，因此，作為網(wǎng)站建設(shè)的技術(shù)人員，要養(yǎng)成這種對于圖片先處理、后上傳的習(xí)慣，即網(wǎng)頁顯示需要多少像素，就事先處理成多少像素再上傳，不但可以節(jié)約磁盤空間，而且提高了瀏覽者的打開頁面的速度。

以上就是html中為什么不使用img標(biāo)簽來控制圖片大小？的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。