.png)
運用響應式進行網頁設計可以說是現在的標配之一，因為它可以更好地應對日漸碎片化的設備屏幕尺寸。而圖片是響應式的難點，不妨看看下面兩個重要因素：
- 高寬比
桌面端的圖片和移動端的圖片對於用戶體驗來說，當然是有區別的。因此，圖片設計的首要任務是能夠保證圖片的呈現，不會跟隨者網頁佈局的伸縮變化而變得扭曲、失真。最直接的方法就是始終對高寬比的控制要到位！簡單來說，就是控制原始圖片不被拉伸，同時讓部分的高寬比能夠合理地匹配用戶的屏幕。否則容易造成斷點過多，需要設計師上傳更多的圖片，拖低加載的速度。
- 尺寸和比例
斷點是響應式的局限性之一。很多設計師僅僅只是將圖片上傳到CMS系統當中，這並不現實！要記住，每張需要使用到網頁當中去的圖片，都需要被裁剪得合理！
