對于很多產品來說，圖片模塊已經是必不可少的的需求了。在這方面，或可分為以下部分：
1、圖片上傳
1.1 圖片寬高邊界問題
設上傳的圖片最大尺寸為 1280*1280 px。當圖片寬高超過此限度時，上傳需進行本地尺寸壓縮處理。壓縮規則如下：
1）寬高均小于 1280px 時，不壓縮處理。
2）寬高均大于 1280 px 時，若寬高比大于等于 2，則較小者壓縮到 1280，較大者按圖片比例壓縮；若寬高比小于 2，則較大者壓縮到 1280，較小者按圖片比例壓縮。
3）寬大于 1280 而高小于 1280 時，若寬高比大于等于 2，則不壓縮；若寬高比小于 2，則較大者壓縮，較小者按圖片比例壓縮。
4）寬小于 1280px 而高大于 1280px 時，若寬高比小于 2，則較大者壓縮，較小者按圖片比例壓縮。
1.2 圖片大小問題
設上傳的圖片大小最大值 1000kb 。當圖片超過質量此限度時，上傳需進行本地大小壓縮處理。壓縮規則如下：
1）當圖片大小小于等于 1000kb 時，不壓縮。
2）當圖片大小大于 1000kb 時，壓縮至原大小的 70%。
?2、圖片展示
?2.1 圖片縮略圖展示
設縮略圖尺寸為 150*150 px：
1）寬高均小于 150 px 時，或者圖片居中顯示，外部用黑色填充；或者使短邊放大為縮略圖邊長，長邊按圖片比例放大，縮略圖展示圖片中間區域。
2）寬高均大于 150 px 時，或者直接展示圖片中間區域；或者使短邊縮小為縮略圖邊長，長邊按圖片比例縮小，縮略圖展示圖片中間區域。
3）寬大于 150 px 而高小于 150 px 時，或者直接展示圖片中間區域，外部用黑色填充；或者使短邊放大為縮略圖邊長，長邊按圖片比例放大，縮略圖展示圖片中間區域。
4）寬小于 150 px 而高大于 150 px 時，或者直接展示圖片中間區域，外部用黑色填充；或者使短邊放大為縮略圖邊長，長邊按圖片比例放大，縮略圖展示圖片中間區域。
注：直接展示可能降低信息傳達效率，放大/縮小展示可能使信息傳達缺失，須根據實際情況作出決策。
?2.1 圖片全屏展示
設手機屏幕寬為750 px：
1）寬高均小于 750 px 時，圖片居中顯示，外部用黑色填充
2）寬高均大于 750 px 時， 使寬縮小為屏幕寬，高按比例縮小，圖片居中，從頂部開始顯示
3）寬大于 750 px 而高小于 750 px 時，?使寬縮小為屏幕寬，高按比例縮小，外部用黑色填充，圖片居中，從頂部開始顯示
4）寬小于 750 px 而高大于 750 px 時，外部用黑色填充，圖片居中，從頂部開始顯示
?3、其他
3.1 加載失敗：圖片加載失敗時顯示默認圖片或提示
3.2 滑動查看：全屏圖片為長圖或寬圖時，可上下或左右滑動查看
3.3 加載圖片：單擊縮略圖加載全屏圖，單擊全屏圖加載縮略圖；加載過程可先加載 80%的清晰度的大圖，再加載全部。在加載過程中用進度條提示；加載失敗提示
3.4 放大縮小：雙擊全屏圖可放大一倍圖片，可上下左右滑動查看圖片，放大后再次雙擊縮小為原全屏圖
3.5 其他：圖片數量、下載按鈕等
