網頁圖片美編處理
首頁＞網頁相關美編技巧教學＞Adobe Photoshop

註：若您的商城需要較大的圖片來說明，建議您可使用「點小圖放大圖」的功能呈現，詳細使用方式可參考操作手冊「編輯器功能－小圖變大圖」
功能說明    

預防版面擴版的問題，在此提醒大家，注意使用的圖片不要超過圖片限制喔！
開店達人前台內頁頁面，如「關於我們」、「活動頁面」、「商品頁面」等，建議圖片寬度為「530像素」；相關連結圖片寬度為「155像素」。
使用軟體：Adobe Photoshop（免費試用連結https://www.adobe.com/cfusion/tdrc/index.cfm?loc=zh%5Ftw&product=photoshop），大家可到相關網站去下載試用版本喔！
 
步驟一    
開啟Adobe Photoshp軟體。
 
步驟二    
選擇要編輯的圖片
點選功能列的『檔案』，開啟檔案『圖片範例』。
 
步驟三    
裁下所需要的圖片區塊
1、使用左方工具列→『 截切工具 』。
 
   
2、用滑鼠拉選所要的圖片範圍（畫面虛線顯示的區塊）。
 
四個角落的『』，可用滑鼠調整所要的圖片範圍。
 
3、調整好所要的圖片範圍後，請在所要的圖片範圍上按滑鼠右鍵，選擇『 截切 』，即完成裁圖。
 
 
4、裁圖作業完成圖
 
 
步驟四    
縮小圖片尺寸大小
1、點選功能列的『影像』→『影像尺寸』。
 
   
2、寬度設定為「530」「像素」（寬度請勿超過530像素，才不會破版），按下確定。
 
記得勾選強制等比例，這樣圖片調整後才不會變形喔！
 
3、完成圖
 
 
步驟五    
縮小完圖片後，接下來就是壓縮圖片囉！適當的壓縮圖片可以節省網站空間的容量喔。
1、點選功能列的『檔案』→『儲存為網頁用』。
 
 
圖片建議儲存為『JPEG』格式，影像品質較佳，適當的壓縮圖片可以節省網站空間的容量喔。（品質數值越大，影像畫質越高，但是適度的壓縮肉眼是無法觀察出差距的，卻可以節省網路開間的容量喔，建議品質數值設為80。）
顯示您欲儲存後圖片的：檔案格式、檔案大小及讀取速度。
 
步驟六    
壓縮後，選擇「儲存」，及欲存放的位置，如「桌面」，輸入檔名確認就完成了喔。
 
步驟七    
上傳至開店達人圖片空間。
您可將您的圖片上傳至您開店達人的圖片空間喔，上傳成功後即可將您修改後的圖片放置於您的網頁。