每個設計師都希望網站上的每個圖像都能適應各種不同的分辨率以及顯示屏，並且希望通過圖片的使用，能更深入展示和推廣自己的品牌。但很多時候，不管是從設計技術層面上，還是在圖像質量層面上，設計師或多或少都會存在不同的錯誤。在網頁設計使用圖像的時候，哪些陷阱是需要我們注意的呢?

　　錯誤一：上傳大格式的文件

　　很多設計是都喜歡用大格式的圖像，皆因圖片清晰美觀。大格式圖雖好，但是加載時間卻非常緩慢，容易導致用戶放棄浏覽你的網站。

　　解決方案：將圖像尺寸縮放到框架需要的尺寸大小，並以適當的網頁分辨率顯示。但還有一點，要盡量考慮到適合的圖像尺寸，以便能最佳地利用你的網站和社交分享。

　　錯誤二：不正確的縮放或伸展

　　沒有什麽比一個拉長的臉或縮放比例不正確的圖像看起來更奇怪的了。

　　解決方案：當你縮放圖像的時候，應該確保圖像在每個維度上都能等比例縮放。然後仔細觀察所有的縮放比例，並定期檢查你的網站。

　　錯誤三：未規劃不同終端設備的不同大小

　　響應式設計框架對圖像的要求有一些影響。形狀或尺寸在不同終端設備上或者通過方向的變化如何使圖像能夠繼續保持正確已經完整的呈現形式呢?

　　解決方案：使用媒體查詢來觀察網頁設計在不同設備上的不同變化。CSS允許將特定樣式應用于基于屏幕尺寸的圖像上，並在不破壞設計的情況下幫助渲染圖像。

　　錯誤四：過度使用或通用藝術

　　商業網站是一個快速照度的工具，但也可能導致一些意想不到的後果。例如，一張照片在很多網站都出現過的時候，視覺效果上不會在用戶之間産生太多的交集或者吸引力。

　　解決方案：如果你打算使用商業攝影，請考慮通過以有趣的方式編輯或使用的這些圖像，避免圖像看起來像在其他地方看到的東西;否則考慮聘請攝影師創建一個專屬于你的網站的攝影作品。包括與你的公司或品牌相關的視覺效果，並以正確的方式反映在你的網站設計上。

　　爲網頁設計項目選擇和創建圖像可能是設計過程中最有趣的部分之一。注意每個圖像和像素，以確保你的網站能夠運行良好。