若想要在網站上傳圖片，有幾個技巧讓你圖片做的小又不失真。
- 圖片必須為螢幕使用的 RGB 色彩 (切勿使用CMTYK印刷色彩，將造成色偏)
- 圖片解析度為 72dpi 像素/英寸 (切勿使用印刷的300dpi，將造成檔案過大)
- 網站首頁的輪播圖是滿版型式，建議將圖片寬度設定為1920px (24吋螢幕滿版尺寸) 或2560px (30吋螢幕滿版尺寸) 高度等比縮放
- 網站產品圖片會根據版面設計而尺寸不同，產品圖片寬度概略可以抓800px 高度等比縮放 (請以後台建議尺寸為主)
- 為了滿足iphone或ipad或5k等螢幕可以擁有超高解析度，如果圖片為 400 x 300 px ，那2x尺寸則為 800 x 600 px，3x尺寸則為1200 x 900 px，以系統只能傳一張圖來選擇，建議採用2x尺寸達到檔案較小跟解析度足夠的中間需求。
- 補充第4點，為何不選最高解析度3x來做圖片，因為3x檔案尺寸會過大，以下列圖片作為範例，壓縮過後檔案大小仍然超過1MB，圖片尺寸都建議能壓縮到500KB以下。
請先下載Google 推出的免費壓圖軟體 Squoosh
拖拉圖片放入Squoosh軟體中
請選擇破壞式的JPG，檔案壓縮的效果才會顯著，若選擇PNG，檔案大小壓縮差異不大．
1x檔案 1920 x 1080px ，左邊原始檔案1.5MB，右邊使用壓縮率75%壓縮後檔案201KB
2x檔案 3840 x 2160px ，左邊原始檔案4.6MB，右邊使用壓縮率75%壓縮後檔案590KB
3x檔案 5760 x 3240px，左邊原始檔案8.7MB，右邊使用壓縮率75%壓縮後檔案1.1MB
