曾有客戶跟我說在網站背景上傳瞭消息圖片，是相機拍攝的，傳上去瞭然則超越瞭網頁表現的規模，湧現瞭轉動條，問我怎樣處置，我告知他先用圖片處置軟件將圖片處置到適合的巨細然後再上傳，好比處置成600像素的寬度，高度按比例縮放，他告知我說之前的網站都不消處置圖片，傳上去巨細都是一樣的，沒有會湧現這類情形，厥後經由一番說明他明確如許做的利益。

　　在用div和css制造網站內容頁的模板時，我們會對個中的一些內容舉行款式牢固，好比題目用幾號字、甚麼色彩，宣佈時光用甚麼字體、甚麼色彩等等，內容頁面中天然也少沒有瞭圖片，這些圖片是經由過程響應的網站內容治理體系上傳到辦事器上的，在內容頁頂用img標簽做瞭援用得以在網頁上表現。

　　用相機拍攝的圖片像素一樣平常遠遠跨越瞭網頁內容地區閱讀規模的巨細，而圖片自己的巨細也在1M閣下，偶然候為瞭便利，間接把圖片傳上去，然後用css來同一掌握圖片的寬度，高度主動順應，然則如許做僅僅能讓網頁閱讀者看到的圖片像素變小瞭，好像與內容很調和，現實上彀頁已加載瞭這張1M閣下的圖片，假如一頁有好幾張消息圖，就要持續加載很多多少1M巨細的圖片，這時候網頁翻開的速率顯著變慢，並且有些圖片會有必定水平的掉真。

　　別的，假如把內容中圖片的尺寸寫逝世，偶然候上傳一些附件時，在附件前會有一個小圖標，因為這個小圖標也是用img標簽引入的，是以也會被放大，要辦理這個題目又必需要零丁修正這個圖標的款式，非常貧苦，並且一樣平常內容的更新職員每每沒有懂這些技巧活。

　　當網站舉行改版時，大概沒有是本來的公司賣力瞭，而這些上傳到辦事器上的圖片假如是沒有處置過的，圖片加載慢的題目仍舊會的沒有到辦理，由於賣力改版的職員弗成能對你全部的圖片逐一舉行處置。

　　從技巧上能完成的後果有許多，但沒有是全部的計劃都是公道的，是以，作為網站扶植的技巧職員，要養成這類對付圖片先處置、後上傳的風俗，即網頁表現須要若幹像素，就事前處置成若幹像素再上傳，不隻能夠勤儉磁盤空間，並且進步瞭閱讀者的翻開頁面的速率。

　　本文來自：