共計 674 個字符，預計需要花費 2 分鐘才能閱讀完成。
網頁加速和優化的手段方法有很多，一般要對癥下藥的找出問題才能更好的去解決問題，但是在一些情況下，由于很多的前端人員和程序并不太了解圖像，存在圖片使用不當的問題導致網頁過大從而影響網速和用戶體驗的情況經常發生。今天就來說一說關于網站用圖規范的問題吧。
1、需要多大尺寸的圖就用多大尺寸的圖，按需裁剪簡單舉個例子吧，比如網頁中有個 banner 圖廣告位，需要的是 820px*200px 的圖，那么就必須要按照規則來給這個尺寸的圖，不能給大圖或者是小圖，很多人發現其實傳一張大尺寸的圖也是可以正常顯示的，或者傳一張相同比例的圖也可以正常的使用，因為一般網頁中會用 css 去定義圖片的尺寸，大圖或者是小圖就會被壓縮的相應的尺寸顯示，但是這個仍然是大圖，其實這是不規范的。所以必須要提供正確的尺寸圖。
2、圖片在保存的時候一般選擇存為 web 所用格式在 PS 中使用 ctrl+shift+alt+ s 即可保存圖片，存為 web 所用的格式，注意這里建議選擇質量度圖片品質建議在 75% 所有為最佳，這個時候的圖片特別小，而且圖片圖片清晰度相對沒有明顯的失真情況。所以我們建議在 ps 中保存圖片的時候記得選擇保存方式。對比同一張原圖，品質為 100，品質為 75 的圖片大小分別是 641kb，54kb，33.3kb，然而他們的清晰度幾乎無明顯的區別。
3、一般建議使用 jpg 格式的，非 png 格式除非特別需求，否則我們建議選擇保存圖片為 jpg 格式即可，這種格式非常的小巧，清晰度也夠，一般 qq 之類的截圖軟件截圖會保存為 png 的圖，很多人直接把這樣保存出來的圖片上傳到網站去使用，結果這種圖非常的大。
