【開店必備】免費圖片編輯工具推薦(電腦裝置/線上資源)
文章推薦指數: 80 %
依功能分類 ; 圖片編輯, 【小畫家】【小畫家3D】【Preview】【Adobe Spark】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】 ; 照片去背 ...
WACA
登入
Facebook粉絲團
支援你從零開始網路開店
金流
PayNow
會員登入
超商取貨
GoogleAnalytics
多階層
現金積點
常見問題
支援中心
賣家中心
開店輔助
最後更新2022-02-2315:48
圖片
商品圖片編輯
商品圖示
開設實體店面門市需要招牌/裝潢、電商網路開店需要產品圖片/照片才能吸引消費者進店消費,
如果想製作漂亮的商品圖/Banner需要專業的繪圖軟體PhotoShop或Lightroom,
但說真的這些軟體的價格不便宜,在預算有限的情形下,有沒有什麼軟體/線上免費資源可以達到類似的功能效果?
WACA聽到您的心聲了~
立即為您推薦免費的圖片編輯資源,不需要花大錢就可以使用圖片編輯功能,
無論是編修照片、去背、修改尺寸、壓縮圖檔、圖片轉檔功能通通有~
想要調整圖片尺寸?Win10內建小畫家實在好好用!
想要簡單去背?Win10內建小畫家3D的強大功能超乎您的想像!
想要編輯照片?MacOS預覽程式就能滿足基本需求!
不想用電腦內建軟體?網路上有好多免費又不用安裝的線上編輯工具任您選擇!
以下是WACA團隊為您精心準備推薦的圖片編輯工具清單,並且貼心附上WACA後台版位建議圖片尺寸表,只要依照建議尺寸製作圖片準沒錯!點擊連結可快速前往段落:
作業系統/線上編輯
Windows10
【小畫家】【小畫家3D】
MacOS
【Preview】
線上編輯工具
【AdobeSpark】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】【tinypng】
依功能分類
圖片編輯
【小畫家】【小畫家3D】【Preview】【AdobeSpark】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】
照片去背
【小畫家3D】【Preview】【AdobeSpark】【Photopea】【PIXLR】
修改尺寸
【小畫家】【小畫家3D】【Preview】【AdobeSpark】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】
壓縮圖檔
【I♥IMG(iLoveIMG)】【tinypng】
圖片轉檔
【小畫家】【小畫家3D】【Preview】【AdobeSpark】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】
附錄
【WACA後台版位建議圖片尺寸表】
【Windows10】小畫家-修改尺寸
Win10小畫家雖然是小小的附屬應用程式,但這隻小小的應用程式除了可以繪圖之外,還可以簡單快速的調整圖片尺寸,一起來看看如何使用小畫家修改圖片尺寸吧!
今天的目標想修改『小CA.jpg』這張圖檔的尺寸。
設定步驟如下:
①開啟『小畫家』程式
路徑①:點擊左下角Win圖示【 】 ➜Windows附屬應用程式➜點擊【小畫家】
路徑Ⓐ:點擊左下角搜尋【 】➜輸入『小畫家』➜Enter鍵➜點擊【小畫家】
② 開啟小畫家後,點擊左上角檔案【 】。
③選擇【開啟舊檔】。
④選取欲編輯的檔案 ➜點擊【開啟】。
⑤開啟檔案後,請點擊調整大小【 】。
⑥點擊【◉像素】。
⑦請在水平(寬)/垂直(高)輸入想設定的像素後,點擊下方【確定】。
⑧設定完成後,點擊儲存【】會立即更新圖片尺寸(直接覆蓋原檔)。
⑨如果想保留原檔、新尺寸圖片要另存新檔,可點擊檔案【】 ➜【另存新檔】
選擇欲儲存的圖片格式。
(如果想要轉換圖片檔案格式就是從這裡設定的喔!)
⑩儲存成功後,圖片尺寸就是設定好的尺寸唷!
【Windows10】小畫家3D-照片去背
小畫家3D是小畫家程式的進階版,比小畫家多了許多功能,為編輯設計2D/3D的繪圖軟體,
原則上Win10電腦預設為內建軟體,如果您的Windows10電腦沒有小畫家3D,也可以直接從微軟官網下載安裝,小畫家3D下載連結【請點我】
以下我們將使用小畫家3D程式示範如何將圖片去背;今天的目標是想把下面這張圖片的背景移除,只保留藍圈處的可愛小雞:
設定步驟如下:
①開啟『小畫家3D』程式
路徑①:點擊左下角Win圖示【】➜Windows附屬應用程式➜點擊【小畫家3D】
路徑Ⓐ:點擊左下角搜尋【】➜輸入『小畫家3D』➜Enter鍵➜點擊【小畫家3D】
②點擊【開啟】。
③點擊【瀏覽檔案】。
④找出檔案位置並選取圖檔後,請點擊【開啟】。
⑤開啟圖檔後,請點擊選取【】。
⑥請使用滑鼠拖曳選取要保留的圖示區塊;以今天的目標為例,請將小雞部份用滑鼠拖曳框起。
⑦選取區塊完成後,右側會顯示選取功能表,請點擊魔術選取【】。
⑧ 魔術選取就像Photoshop的魔術棒一樣,會自動選出要保留的部份;如果保留的範圍跟自己想要區塊不同,可以使用『部調整挖剪區』的功能來新增/移除選取範圍,確認選取範圍正確後,請點擊【完成】。
⑨點擊完成後,保留區塊會出現外框,此時底圖已經去背完成。
⑩這樣其實還沒有設定完成喔!接下來需要重新設定畫布;請使用滑鼠拖曳將選取區塊移開背景區。
⑪請參考以下圖示,在『我是去背區塊』維持選取的狀態下,直接用滑鼠拖曳將原背景區塊框起。
⑫『原背景』框起後,請點擊右側功能表中的刪除【】圖示。
⑬此時原背景會刪除並呈現為白底狀態。
⑭請點擊上方畫布【】,自行調整底圖尺寸(建議可以設定跟去背區塊相同的像素大小)。
⑮輸入長寬的像素後,按下【Enter】鍵,完成畫布尺寸設定。
⑯使用滑鼠拖曳將去背區塊移至畫布中。
⑰請再次點擊畫布【】,接著請將透明畫布設定【開啟】。
⑱設定完成後,接下來就可以儲存檔案囉!請點擊功能表【】。
⑲點擊【另存新檔】➜【影像】
⑳接著請選擇存檔類型PNG(圖片),一般來說透明底圖的圖檔都是.png檔唷!(如果想要轉換圖片檔案格式也是從這裡設定的喔!)
㉑設定完成後請點擊【儲存】。
㉒選擇儲存位置後點擊【存檔】,就完成圖片去背囉!
㉓完成去背後的圖檔如下:
【Apple】MacOS
除了Win10電腦外,MacOS電腦也有內建的圖片編輯功能喔!MAC的圖片編輯功能在圖片預覽程式中,操作方式請參照Apple官網說明:
➜預覽程式使用手冊
⤷ https://support.apple.com/zh-tw/guide/preview/welcome/mac
➜調整影像大小、旋轉或翻轉影像
⤷ https://support.apple.com/zh-tw/guide/preview/prvw2015/mac
➜擷取影像或移除背景
⤷ https://support.apple.com/zh-tw/guide/preview/prvw15636/mac
➜ 轉換圖形檔案類型
⤷ https://support.apple.com/zh-tw/guide/preview/prvw1012/mac
【線上資源】AdobeSpark-圖片編輯/照片去背/修改尺寸/圖片轉檔
說到繪圖軟體直覺會聯想到Adobe的Photoshop,
不過Adobe除了有功能強大的付費圖片編輯軟體外,也有提供線上免費的照片編輯工具喔!
這個工具名稱是【AdobeSpark】,只需要使用個人的社群帳號/E-mail信箱就可以快速註冊使用喔!
不需要下載程式,直接在瀏覽器內就可以使用基本的圖片編輯功能喔!
請點擊連結進入網站➜【AdobeSpark】➜ 立即編輯照片【】
AdobeSpark需要登入使用,使用個人社群帳號/E-mail就可以快速免費註冊使用喔!
登入完成後,會進入AdobeSpark頁面,第一步需要先選取版面大小,可以依照需求選擇版面尺寸。
點可以自訂圖片寬度及長度,設定完成後請點擊下一頁【】
接著可以選擇上傳相片(也可以先略過),如果目的是想要調整相片,請點擊上傳【】
選擇相片完成後,請點擊下一頁【】
接著就會開啟AdobeSpark的功能頁面,裡面提供豐富的範本可以參考使用。
AdobeSpark提供下方功能可以使用:
在編輯圖片時,AdobeSpark預設會在圖片右下角放置浮水印,不過目前這個浮水印是可以刪除的喔!
請點擊浮水印 ➜選擇移除
選擇【移除一次】
由於AdobeSpark是屬於免費資源,所以在使用過程有可能會顯示廣告,點擊右上角【╳】即可關閉廣告。
這樣就可以將浮水印移除完成,再來就可以使用功能繼續編輯圖片喔!例如可以編輯文字:
也可以調整大小:
圖片編輯完成後,點擊右上角下載【】,瀏覽器就會直接下載編輯完成的圖片喔!
AdobeSpark-照片去背
AdobeSpark網站限時免費提供照片去背功能
請點擊連結進入移除背景頁➜【AdobeSpark移除背景】➜ 上傳照片【】
請將需要移除背景的圖檔上傳
接著網頁會自動開始執行移除背景及微調邊緣
移除完成後,點擊下載【】可將圖檔下載至電腦中。
下載完成,如果需要修改這張照片,點擊在編輯器中開啟【】,就會直接進入AdobeSpark相片編輯器喔!
AdobeSpark-修改尺寸
AdobeSpark除了可以使用圖片編輯工具調整圖片尺寸外,還有的圖片縮放功能可以直接上傳圖片調整影像大小喔!
請點擊連結進入調整影像大小頁➜【AdobeSpark免費圖片縮放工具】➜ 上傳照片【】。
請將需要調整尺寸的的圖檔上傳。
接下來可以依照需求選擇想要更改的尺寸;如需自訂圖片大小,請點擊【自訂】➜設定自訂寬度/長度/影像比例,設定完成後請點擊下載【】
使用此功能需要登入AdobeSpark會員,如果還沒有註冊,請點擊【註冊】鈕免費快速註冊、如果已經註冊,請點擊【登入】連結。
圖片下載完成後,如果需要修改這張照片,點擊在編輯器中開啟【】,就會直接進入AdobeSpark相片編輯器喔!
以上是AdobeSpark圖片編輯功能介紹,讓您輕鬆完成圖片編輯作業喔!
【線上資源】fotor-圖片編輯/修改尺寸/圖片轉檔
fotor是免費線上照片編輯程式,需要註冊/登入使用;使用方式方便直覺又簡單,
一般圖片編輯功能免費版本均包含在內,除非需要額外的特別功能才需要付費使用唷!
請點擊連結進入網站➜【fotor】➜ 編輯圖片【】
點擊打開圖片【】,選擇想要編輯的圖片
上傳圖片後,第一次使用會有簡易的四步導覽教學唷!
首先是調整,可以調整圖片尺寸、亮度、背景等。
接著是特效,有200+的特效濾鏡可以使用。
再來是美顏,可以為人像設定美顏和化妝喔!
最後是下載,點擊下載按鈕就可以下載保存作品。
編輯圖片完成後,點擊右上角下載【】 ➜可設定檔名、選擇存檔格式(jpg/png)及選擇匯出的圖檔質量(質量越高容量越大),設定完成後請點擊【下載】。
使用fotor需要註冊帳號登入使用,如果已有註冊帳號,可以點擊【登錄】、如尚未註冊帳號,請點【註冊】連結。
登入成功後瀏覽器會將編輯完成的圖片下載至電腦唷!
【線上資源】Photopea-圖片編輯/照片去背/修改尺寸/圖片轉檔
Photopea是線上免費的圖片編輯軟體,介面跟Photoshop相似,但是不需要下載程式、也不需要註冊即可免費使用,並且可以開啟PSD檔編輯。
請點擊連結進入網站➜【Photopea】
第一次進入網站,語系會顯示英文;不用緊張!Photopea支援繁體中文,設定方式請往下走~
點擊上方的More【】 ➜Language【】 ➜往下滑選擇【瀪體中文】就OK了!
切換至繁體中文後,就可以開始編輯圖片囉!
Photopea-照片去背
前面有提及Photopea介面功能與Photoshop相近,也有魔術棒的功能可以設定去背,點擊魔術棒【】工具即可編輯照片去背功能。
編輯圖片完成後,點擊【檔案】 ➜【轉存為】 ➜就可以依照需求將圖片儲存至想要的格式唷!
【線上資源】PIXLR-圖片編輯/照片去背/修改尺寸/圖片轉檔
PIXLR為線上免費圖片美化編輯服務,網頁版可以直接使用瀏覽器編輯圖片,不需要額外下載安裝程式即可使用,也可以開啟PSD圖檔編輯喔!
請點擊連結進入網站➜【PIXLR】➜點擊左側的發射PIXLRX【】
點擊打開圖像【】上傳圖片後,可以直接開始編輯圖片。
PIXLR的頁面如下:
PIXLR提供以下編輯功能,部份功能需要加入Premium付費會員(目前有提供免費體驗30天),會員可以離線使用並且可去除頁廣告;不過一般來說免費編輯圖片功能已經很足夠了唷!
PIXLR-照片去背
PIXLR除了有線上圖片編輯器外,也有提供照片去背(刪除圖像背景)功能喔!
請點擊連結進入網站➜【PIXLR刪除背景】➜點擊打開圖像【】
PIXLRBG去背功能在上傳圖檔後,網站會直接執行去背設定,去背設定可以使用微調功能再做設定,
設定完成後點擊下載【】就可以將編輯完成的圖檔下載至電腦中唷!
【線上資源】I♥IMG(iLoveIMG)-壓縮圖檔/修改尺寸/裁剪圖片/圖片轉檔/圖片編輯/浮水印/旋轉圖片
I♥IMG(iLoveIMG)為免費圖片編輯網站,可以批次(批量)一次處理多張圖片,提供的工具相當多元,
除了基礎的圖片編輯功能之外,還可以壓縮圖檔/調整大小/裁切圖片/圖片轉檔..等等多項圖片編輯功能喔!
請點擊連結進入網站➜【I♥IMG(iLoveIMG)】
I♥IMG(iLoveIMG)-壓縮圖檔
●連結:【I♥IMG(iLoveIMG)-壓縮圖片】
這個功能主要是當上傳圖片有特別限制檔案容量時可以使用,支援批次壓縮多張圖片(未註冊會員一次最多可處理30張圖片),並且可以壓縮JPG、PNG、GIF圖檔唷!
選擇圖片上傳後,點擊【壓縮多個圖片文檔】就會執行圖片壓縮並且下載檔案喔!
I♥IMG(iLoveIMG)-修改尺寸
●連結:【I♥IMG(iLoveIMG)-調整大小】
這個功能主要可以批次修改多張圖片的大小(未註冊會員一次最多可處理30張圖片),可以修改JPG、PNG、SVG、GIF圖檔唷!
上傳圖檔後,可以依照需求按像素或百分比設定想要設定的圖片尺寸,設定完成後點擊【調整多個圖片的大小】就會修改圖片尺寸並且下載檔案喔!
I♥IMG(iLoveIMG)-裁剪圖片
●連結:【I♥IMG(iLoveIMG)-裁切圖片】
這個功能主要可以裁切圖片內容,雖然網頁上方顯示可以選擇多張圖片,不過實際操作一次僅可修改一張圖片,這部份再請特別留意:),可以裁切JPG、PNG、SVG、GIF圖檔唷!
請直接使用滑鼠拖曳選擇裁切的區塊,設定完成後點擊【裁剪圖片】就可以下載圖檔囉!
I♥IMG(iLoveIMG)-圖片轉檔
●連結:【I♥IMG(iLoveIMG)-JPG轉換至PNG/GIF檔】
這個功能主要可以將JPG檔轉換至PNG或GIF檔使用(未註冊會員一次最多可處理30張圖片)
上傳圖檔後,可以依照需求選擇轉換至PNG/GIF,設定完成後點擊【轉換圖片格式】就會修改圖片格式囉!
I♥IMG(iLoveIMG)-圖片編輯
●連結:【I♥IMG(iLoveIMG)-相片編輯器】
這個功能主要可以為特定圖片添加文字、貼紙、效果及濾鏡,直接在瀏覽器上編輯照片。
相片編輯器提供基礎的照片編輯功能,設定完成後點擊【保存】就可以下載圖檔囉!
I♥IMG(iLoveIMG)-浮水印
●連結:【I♥IMG(iLoveIMG)-浮水印】
這個功能主要可以將JPG、PNG、GIF圖檔新增浮水印(未註冊會員一次最多可處理30張圖片)
上傳圖片後,可以逐一為每一張圖片新增浮水印
添加圖片 ➜加入圖檔
添加文字 ➜輸入文字
設定完成後點擊【給多個圖片加水印】,就可以下載圖檔囉!
I♥IMG(iLoveIMG)-旋轉圖片
●連結:【I♥IMG(iLoveIMG)-旋轉圖片】
這個功能主要可以將JPG、PNG、GIF圖檔旋轉圖片方向(未註冊會員一次最多可處理30張圖片)
上傳圖片後,可以依照需求選擇旋轉的方式,設定完成後點擊【旋轉多個圖片】,就可以下載圖檔囉!
以上是I♥IMG(iLoveIMG)的功能介紹;要特別留意的地方是免費的版本批次作業的檔案上限為30張圖檔唷!
【線上資源】tinypng-壓縮圖檔
tinypng是國外的線上壓縮圖檔網站,可以將PNG及JPEG檔的圖片進行壓縮,適合上傳圖片有特別限制檔案容量時可以使用;一次壓縮檔案上限為20張圖檔,並且每張圖檔大小不超過5MB即可使用,
請點擊連結進入網站➜【tinypng】
雖然是英文網站但使用方式非常直覺,點擊【DropyourWebP,PNGorJPEGfileshere!】就可以選取圖檔上傳,上傳成功後會直接執行壓縮,並且顯示壓縮結果。
點擊【Downloadall】就可以直接將壓縮後的圖檔全部下載到電腦使用唷!
【WACA後台】版位建議圖片尺寸表
看完上方WACA為您準備及推薦的線上免費圖片資源後,想要讓商店版面呈現美美的模樣的您,是否躍躍欲試想立即試用看看這些圖片編輯功能呢?
在這邊提醒大家,網站美化除了需要發揮創意及美化技術編修圖片外,也要留意圖片尺寸還有容量限制喔!圖片容量越小、當消費者進入商店時,會有效加快網站的讀取速度,不用讓消費者苦苦等候網路下載圖檔、不會因為網站讀取過久導致放棄購物喔!
經營電商的眉眉角角真的很多,尤其是網站瀏覽速度對於消費者的消費體驗更是有最直接性的影響,所以在製作美美的圖片時,請一定要留意圖片尺寸跟檔案容量大小的限制喔:)
以下是WACA後台各版位所建議的圖片尺寸,建議大家在編修圖片時,按照表列的圖片尺寸及大小限制編修圖片後,再將圖檔新增至商店使用唷!
WACA後台位置
圖片尺寸
檔案/大小限制
商品登錄
商品列表
商品主圖
建議寬600px
建議容量200KB內
商品說明
滿版寬827px(會留白邊)
商品分類
分類廣告輪播
滿版寬900px(會留白邊)
分類廣告文字編輯器
滿版寬900px(會留白邊)
商店佈景
第一頁籤頁尾設定
上傳LOGO
200×200px
第三頁籤店頭資訊
電腦版LOGO上傳
建議寬小於1140px
650KB內
第四頁籤佈景彩繪
背景圖片上傳
滿版1920×1080px
650KB內
第五頁籤廣告版位
首頁彈跳廣告
寬大於500px(高度不限)
500KB內
首頁廣告版位
建議寬等於1140px(高度不限)如夾雜YT影片建議高382px
5MB內
商店設定
基本設定
商店LOGO
200×200px
jpg/png檔
網址小圖示
144×144px
200KB內的png檔
行銷推廣
任選活動
活動圖上傳
建議寬900px
500KB內
紅配綠
活動圖上傳
建議寬900px
500KB內
組合活動
活動圖上傳
建議900×480px
500KB內
文章管理
自訂頁面
自訂頁面內容編輯
滿版寬1140px(會留白邊)
部落格
封面上傳
848×400px
部落格文章編輯
滿版寬1140px(會留白邊)
最後更新2022-03-3017:23
WACA|LINE全方面電商必備功能,讓商店服務更完善
最後更新2022-04-1215:50
會員登入|手機號碼登入設定
最後更新2022-03-1615:32
【LINE購物直播回饋】滿足顧客多元消費體驗
最後更新2022-03-1609:53
【LINE受眾管理】活用會員名單!提升LINE官方帳號訊息發送成效
最後更新2022-04-2218:20
常見問題FAQ
商品登錄
商品設定
19
商品管理
8
商店佈景
佈景設定
7
商店設定
商店基本設定
12
運送設定
22
付款設定
16
客服輔助與顧客關係
9
訂單管理
日常出貨
15
訂單搜尋與管理
11
行銷推廣
數位行銷
26
行銷活動設定
16
品牌推廣
6
會員管理
會員登入設定
4
會員相關功能
10
文章管理
文章編輯
6
賣家中心
後台管理
5
WACA功能更新總整理
6
開店輔助
16
POS
POS硬體
0
POSAPP
0
後台管理中心
0
商品
物流
第三方
PayNow
Google
金流
批次
出貨
運費
付款
信用卡
綠界
跨境電商
超商取貨
宅配
圖片
超商
新手快速設定
LINE
行銷追蹤工具
WACA2分鐘打造您的網路商店
預約專人諮詢
馬上免費註冊
TOP
延伸文章資訊
- 1PhotoScape 功能強大的免費相片處理軟體(中文版)
如同PhotoScape 官方網站所述:「這是一款簡單而有趣的照片編輯和修正軟體」,使用者不用花任何錢,就能擁有這款功能強大,且提供多國語言介面的影像處理軟體。
- 2線上免費照片編輯工具| 線上Photoshop - Adobe
可結合多張圖片以創作精美的拼貼照片。製作拼貼可以手動整理圖片,從模板開始或使用Adobe Express 的預設版面選項,在圖片的上方加上文字、圖形 ...
- 3【推薦】2022年12款好用又多功能的免費修圖軟體 - Movavi
Picverse是Movavi 新推出的照片後製軟體,繼承了Movavi Photo Editor的「簡單易用+ 功能強大」優良基因。本app之相片編輯器功能完整,包括: 調整、抹除、 ...
- 4免費相片編輯軟體- 下載PaintShop Pro 免費試用版
免費相片編輯軟體. 功能豐富的相片編輯與設計軟體. PaintShop® Pro 2022 是一套經濟實惠的相片編輯與圖形設計軟體,不受訂閱限。 利用專業的影像編輯工具提升相片 ...
- 5【2022照片編輯軟體推薦】6款最佳照片美化選擇,免費
如果你需要照片美化、修改相片或是設計你的圖片,這一篇照片編輯軟體推薦整理了5款非常實用的工具,從線上到線下,免費到付費都有,也會告訴你該選擇哪一項工具比較 ...