分析為什么不建議用img標簽來控制圖片大小

2024-01-12 分類：網站建設

曾經有客戶跟我說在網站后臺上傳了新聞圖片，是相機拍攝的，傳上去了但是超出了網頁顯示的范圍，出現了滾動條，問我怎么處理，我告訴他先用圖片處理軟件將圖片處理到合適的大小然后再上傳，比如處理成600像素的寬度，高度按比例縮放，他告訴我說之前的網站都不用處理圖片，傳上去大小都是一樣的，不會出現這種情況，后來經過一番解釋他明白這樣做的好處。圖片處理

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

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

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

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

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

本文來自成都品牌網站建設網站設計公司-創新互聯

網頁題目：分析為什么不建議用img標簽來控制圖片大小
文章轉載：http://m.kartarina.com/news43/313193.html

成都網站建設公司_創新互聯，為您提供電子商務、移動網站建設、用戶體驗、網站營銷、動態網站、關鍵詞優化

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容