一、說明

 此為標準版本的圖片規范：暫時的規范，待調整優化

    本次圖片規范主要統一用戶上傳的圖片，暫未涉及系統默認圖標

二、圖片規范

?1、CMS 5.0圖片處理方式?

（1）正常情況：按照后臺的標準圖片上傳

   A：處理方式：采用圖片寬高等比壓縮的方式

   B：優(you)點：圖片不會(hui)存在(zai)被裁剪、拉伸的情況，不會(hui)失真

如圖：

  原圖（上傳至線路中）：會完整顯示，圖片不失真

  在線路詳情頁中顯示：

（2）異常一：所上傳的圖片寬高均大于標準尺寸

   A：處理方式：壓縮(suo)裁剪圖片

     將原圖最短邊壓縮為(wei)標準(zhun)尺(chi)(chi)寸(cun)(cun)，較長邊裁剪為(wei)標準(zhun)尺(chi)(chi)寸(cun)(cun)

   B：避免頁面(mian)布局混亂

如圖：

  原圖（上傳至線路中）：

  在線路詳情頁中顯示：被裁剪至與標準尺寸相同

（

3）異常二：所上傳圖片寬（或高）小于標準尺寸

   A：處理方式：裁剪較長邊

     直接顯示最小邊，將大于標準尺寸的邊做裁剪

   B：避免圖片失真、模糊(hu)的問題

如圖：

  原圖（上傳至線路中）：

  在線路詳情頁中顯示：會裁剪比標準尺寸長的邊

（3）異常三：所上傳圖片寬高均小于標準尺寸

   A：處理方式：不做處理，直接顯示

   B：可能會導致布局(ju)錯亂的情況(kuang)

如圖：

  原圖（上傳至線路中）：

 在線路詳情頁中顯示：會裁剪比標準尺寸長的邊

???

2、以下(xia)為PC端(duan)圖片的建議(yi)尺(chi)寸

（1）電腦端的圖片上傳建議尺寸與前臺顯示的尺寸列表

  A、包括后臺的建(jian)議上傳尺寸；

  B、首(shou)(shou)頁(ye)模板(ban)一、首(shou)(shou)頁(ye)模板(ban)二、首(shou)(shou)頁(ye)模板(ban)三各產品封面圖(tu)片的大小

  C、各產(chan)品(pin)欄目頁（產(chan)品(pin)封(feng)面(mian)、推(tui)薦(jian)封(feng)面(mian)）、產(chan)品(pin)篩選頁的產(chan)品(pin)封(feng)面(mian)、產(chan)品(pin)詳情頁中的圖片尺寸(cun)大(da)小    （包括展(zhan)示(shi)頁的大(da)圖以及展(zhan)示(shi)列表的小圖）

  D、線(xian)路詳情頁的(de)行程安(an)排中(zhong)：景(jing)點(dian)提取到得圖(tu)片(pian)

  E、目的地詳情(qing)頁(ye)的封面圖片(pian)

  F、攻(gong)略詳(xiang)情(qing)頁(ye)的產品(pin)封面(mian)

（2）手機端的圖片位置以及標準尺寸

 A、手機端圖片容器尺寸規范：

   W（寬度）=手(shou)機屏(ping)幕的(de)尺寸*N%（不同(tong)位(wei)置圖片(pian)的(de)占手(shou)機尺寸的(de)比(bi)例）

   H（高度）=W寬度/比值(zhi)M（M值(zhi)見下(xia)表）

 B、移動(dong)端尺寸(cun)的大(da)小(xiao)

（3）子站尺寸規范????

（4）廣告尺寸規范

 A、PC版模(mo)板一(yi)的廣(guang)告位置尺(chi)寸

 B、PC版首頁模板二的廣告位標(biao)準尺(chi)寸

 C、PC版首(shou)頁模板三的廣告(gao)位置標準尺寸

 D、移動端廣告位標準尺寸