【開店必備】免費圖片編輯工具推薦(電腦裝置/線上資源)
最後更新 2022-08-25

開設實體店面門市需要招牌/裝潢、電商網路開店需要產品圖片/照片才能吸引消費者進店消費,

如果想製作漂亮的商品圖/Banner 需要專業的繪圖軟體 PhotoShop 或 Lightroom ,

但說真的這些軟體的價格不便宜,在預算有限的情形下,有沒有什麼軟體/線上免費資源可以達到類似的功能效果?

 

WACA 聽到您的心聲了~

立即為您推薦免費的圖片編輯資源,不需要花大錢就可以使用圖片編輯功能,

無論是編修照片、去背、修改尺寸、壓縮圖檔、圖片轉檔功能通通有~

 

想要調整圖片尺寸? Win10 內建小畫家實在好好用!

想要簡單去背? Win10 內建小畫家 3D 的強大功能超乎您的想像!

想要編輯照片? MacOS 預覽程式就能滿足基本需求!

不想用電腦內建軟體?網路上有好多免費又不用安裝的線上編輯工具任您選擇!

 

以下是 WACA 團隊為您精心準備的圖片編輯工具清單,點擊連結可快速前往段落:

作業系統/線上編輯
Windows10 小畫家小畫家3D
Mac OS Preview
線上編輯工具 Adobe ExpressfotorPhotopeaPIXLRI♥IMG(iLoveIMG)tinypng
依功能分類
圖片編輯 小畫家小畫家3DPreviewAdobe ExpressfotorPhotopeaPIXLRI♥IMG(iLoveIMG)
照片去背 小畫家3DPreviewAdobe ExpressPhotopeaPIXLR
修改尺寸 小畫家小畫家3DPreviewAdobe ExpressfotorPhotopeaPIXLRI♥IMG(iLoveIMG)
壓縮圖檔 I♥IMG(iLoveIMG)tinypng
圖片轉檔 小畫家小畫家3DPreviewAdobe ExpressfotorPhotopeaPIXLRI♥IMG(iLoveIMG)
總結
總結

 


 

 

【Windows10】小畫家-修改尺寸

Win10 小畫家雖然是小小的附屬應用程式,但這隻小小的應用程式除了可以繪圖之外,還可以簡單快速的調整圖片尺寸,一起來看看如何使用小畫家修改圖片尺寸吧!

今天的目標想修改『 小CA.jpg 』這張圖檔的尺寸。

小CA圖片原本尺寸為1280*260

 

設定步驟如下:

① 開啟『小畫家』程式

路徑①:點擊左下角Win圖示  ➜ Windows附屬應用程式 ➜ 點擊【小畫家】

路徑Ⓐ:點擊左下角搜尋 】 ➜ 輸入『小畫家』➜ Enter鍵 ➜ 點擊【小畫家】

從Windows附屬應用程式找到小畫家

 

② 開啟小畫家後,點擊左上角檔案 】。

從小畫家左上角點開檔案

 

③ 選擇【開啟舊檔】。

在清單中開啟舊檔

 

④ 選取欲編輯的檔案 ➜ 點擊【開啟】。

選擇圖片後開啟

 

⑤ 開啟檔案後,請點擊調整大小 】。

點選調整大小

 

⑥ 點擊【◉ 像素】。

選擇像素調整大小

 

⑦ 請在水平(寬)/垂直(高)輸入想設定的像素後,點擊下方【確定】。

輸入水平和垂直的大小後點選確定

 

⑧ 設定完成後,點擊儲存】會立即更新圖片尺寸(直接覆蓋原檔)。

儲存檔案

 

⑨ 如果想保留原檔、新尺寸圖片要另存新檔,可點擊檔案】 ➜ 【另存新檔】

選擇欲儲存的圖片格式。(如果想要轉換圖片檔案格式就是從這裡設定的喔!)

從檔案的列表中找到另存新檔

 

⑩ 儲存成功後,圖片尺寸就是設定好的尺寸唷!

小CA完成尺寸調整

 


 

 

【Windows10】小畫家3D-照片去背

小畫家3D是小畫家程式的進階版,比小畫家多了許多功能,為編輯設計2D/3D的繪圖軟體,

原則上Win10電腦預設為內建軟體,如果您的Windows10電腦沒有小畫家3D,也可以直接從微軟官網下載安裝,小畫家3D下載連結【請點我

 

以下我們將使用小畫家3D程式示範如何將圖片去背;今天的目標是想把下面這張圖片的背景移除,只保留藍圈處的可愛小雞:

預計將圖片截圖去背

 

設定步驟如下:

① 開啟『 小畫家3D 』程式

路徑①:點擊左下角 Win 圖示】 ➜ Windows附屬應用程式 ➜ 點擊【小畫家3D】

路徑Ⓐ:點擊左下角搜尋】 ➜ 輸入『小畫家 3D』➜ Enter鍵 ➜ 點擊【小畫家3D】

 Windows附屬應用程式中找到小畫家3D

 

② 點擊【開啟】。

在小畫家3D點選開啟

 

③ 點擊【瀏覽檔案】。

接著點開瀏覽檔案

 

④ 找出檔案位置並選取圖檔後,請點擊【開啟】。

選擇要編輯的檔案並開啟

 

⑤ 開啟圖檔後,請點擊選取【】。

點選小畫家3D中的選取

 

⑥ 請使用滑鼠拖曳選取要保留的圖示區塊;以今天的目標為例,請將小雞部份用滑鼠拖曳框起。

使用滑鼠拖曳選取要保留的圖示區塊

 

⑦ 選取區塊完成後,右側會顯示選取功能表,請點擊魔術選取【】。

從右側選單找到魔術選取

 

⑧  魔術選取就像Photoshop的魔術棒一樣,會自動選出要保留的部份;如果保留的範圍跟自己想要區塊不同,可以使用『部調整挖剪區』的功能來新增/移除選取範圍,確認選取範圍正確後,請點擊【完成】。

圖片編輯完成點選完成

 

⑨ 點擊完成後,保留區塊會出現外框,此時底圖已經去背完成。

完成去背選取寬會出現實線

 

⑩ 這樣其實還沒有設定完成喔!接下來需要重新設定畫布;請使用滑鼠拖曳將選取區塊移開背景區。

去背的圖片可直接拖曳

 

⑪ 請參考以下圖示,在『我是去背區塊』維持選取的狀態下,直接用滑鼠拖曳將原背景區塊框起。

滑鼠拖曳選取原本的背景

 

⑫ 『原背景』框起後,請點擊右側功能表中的刪除【】圖示。

從右側選單刪除背景

 

⑬ 此時原背景會刪除並呈現為白底狀態。

背景刪除後呈現白底

 

⑭ 請點擊上方畫布【】,自行調整底圖尺寸(建議可以設定跟去背區塊相同的像素大小)。

點選上方選單的畫布

 

⑮ 輸入長寬的像素後,按下【Enter】鍵,完成畫布尺寸設定。

輸入畫布大小後按enter

 

⑯ 使用滑鼠拖曳將去背區塊移至畫布中。

將去背的圖片移到畫布中

 

⑰ 請再次點擊畫布【】,接著請將透明畫布設定【開啟】。

從右側選單開啟透明畫布

 

⑱ 設定完成後,接下來就可以儲存檔案囉!請點擊功能表【】。

設定完成開啟功能表選單

 

⑲ 點擊【另存新檔】 ➜ 【影像】

選擇另存新檔影像

 

⑳ 接著請選擇存檔類型PNG(圖片),一般來說透明底圖的圖檔都是.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


 

 

【線上資源】Adobe Express-圖片編輯/照片去背/修改尺寸/圖片轉檔

說到繪圖軟體直覺會聯想到 Adobe 的 Photoshop,

不過 Adobe 除了有功能強大的付費圖片編輯軟體外,也有提供線上免費的照片編輯工具喔!

這個工具名稱是【 Adobe Express 】,只需要使用個人的社群帳號/E-mail信箱就可以快速註冊使用喔!

不需要下載程式,直接在瀏覽器內就可以使用基本的圖片編輯功能喔!

請點擊連結進入網站 ➜Adobe Express 【立即編輯照片】

進到Adobe Express點選立即編輯照片

 

Adobe Express 需要註冊登入使用,使用個人社群帳號/E-mail就可以快速免費註冊使用喔!

使用個人社群帳號/E-mail就可以快速免費註冊使用

 

登入後會進入 Adobe Express 頁面,若要編輯修改圖片,請點擊【上傳圖片】

 

圖片上傳後,點擊圖片可編輯影像

 

Adobe Express 提供下方功能可以使用:

Adobe Express的功能選單

 

圖片編輯完成後,點擊【下載】➜ 選擇檔案類型 ➜ 【開始下載】,就可以下載編輯完成的圖檔囉!


 

 

Adobe Express-照片去背

Adobe Express 網站提供照片去背功能

請點擊連結進入移除背景頁 ➜Adobe Express 移除背景 【上傳照片】 

Adobe Express上傳照片

 

上傳需要移除背景的圖檔

選取要編輯的圖片上傳

 

網頁會自動開始執行移除背景

會自動執行背景移除

 

移除完成後,點擊【自訂】可進入圖片編輯器進行調整;點擊【下載】可下載去背完成的圖檔。

背景移除後即可下載


 

 

Adobe Express-修改尺寸

Adobe Express除了可以使用圖片編輯工具調整圖片尺寸外,還有的圖片縮放功能可以直接上傳圖片調整影像大小喔!

請點擊連結進入調整影像大小頁 ➜Adobe Express 免費圖片縮放工具 【上傳照片】

Adobe Express 上傳圖片

 

請上傳需要調整尺寸的圖檔

選取上傳圖片

 

接下來可以依照需求選擇想要更改的尺寸;如需自訂圖片大小,請點擊【自訂】➜ 設定自訂寬度/長度/影像比例,設定完成後請點擊【下載】

調整影像大小並下載

圖片下載完成後,頁面會進入 Adobe Express 相片編輯器,可繼續編輯圖片喔!

在編輯器中開啟會直接進入Adobe Express相片編輯器

 

以上是 Adobe Express 圖片編輯功能介紹,讓您輕鬆完成圖片編輯作業喔!


 

 

【線上資源】fotor-圖片編輯/修改尺寸/圖片轉檔

fotor 是免費線上照片編輯程式,需要註冊/登入使用;使用方式方便直覺又簡單,

一般圖片編輯功能免費版本均包含在內,除非需要額外的特別功能才需要付費使用唷!

請點擊連結進入網站 ➜fotor】➜ 編輯圖片【】 

fotor頁面點選編輯圖片

 

點擊打開圖片【】,選擇想要編輯的圖片

打開圖片點選要編輯的圖片

 

上傳圖片後,第一次使用會有簡易的四步導覽教學唷!

首先是調整,可以調整圖片尺寸、亮度、背景等。

簡易的四步導覽教學1.調整

 

接著是特效,有200+的特效濾鏡可以使用。

簡易的四步導覽教學2.特效

 

再來是美顏,可以為人像設定美顏和化妝喔!

簡易的四步導覽教學3.美顏

 

最後是下載,點擊下載按鈕就可以下載保存作品。

簡易的四步導覽教學4.下載

 

編輯圖片完成後,點擊右上角下載【】 ➜ 可設定檔名、選擇存檔格式(jpg/png)及選擇匯出的圖檔質量(質量越高容量越大),設定完成後請點擊【下載】。

確認下載格式

 

使用 fotor 需要註冊帳號登入使用,如果已有註冊帳號,可以點擊【登錄】、如尚未註冊帳號,請點【註冊】連結。

登錄或免費註冊會員

 

登入成功後瀏覽器會將編輯完成的圖片下載至電腦唷!

完成圖片下載


 

 

【線上資源】Photopea-圖片編輯/照片去背/修改尺寸/圖片轉檔

Photopea 是線上免費的圖片編輯軟體,介面跟 Photoshop 相似,但是不需要下載程式、也不需要註冊即可免費使用,並且可以開啟 PSD 檔編輯。

請點擊連結進入網站 ➜Photopea

第一次進入網站,語系會顯示英文;不用緊張!Photopea支援繁體中文,設定方式請往下走~

進到Photopea

 

點擊上方的More【】 ➜ Language【】 ➜ 往下滑選擇【瀪體中文】就OK了!

上方選單More設定語言

 

切換至繁體中文後,就可以開始編輯圖片囉!


 

 

Photopea-照片去背

前面有提及 Photopea 介面功能與 Photoshop 相近,也有魔術棒的功能可以設定去背,點擊魔術棒工具即可編輯照片去背功能。

編輯圖片完成後,點擊【檔案】 ➜ 【轉存為】 ➜ 就可以依照需求將圖片儲存至想要的格式唷!

從右上角檔案選擇檔案存取格式


 

 

 

【線上資源】PIXLR-圖片編輯/照片去背/修改尺寸/圖片轉檔

PIXLR 為線上免費圖片美化編輯服務,網頁版可以直接使用瀏覽器編輯圖片,不需要額外下載安裝程式即可使用,也可以開啟PSD圖檔編輯喔!

請點擊連結進入網站 ➜PIXLR】➜ 點擊左側的發射PIXLR X【】 

進到 PIXLR 選擇左邊的發射 PIXLR X

 

點擊打開圖像【】上傳圖片後,可以直接開始編輯圖片。

打開圖像選取要編輯的圖片

 

PIXLR的頁面如下:

PIXLR編輯頁面

 

PIXLR 提供以下編輯功能,部份功能需要加入 Premium 付費會員(目前有提供免費體驗 30 天),會員可以離線使用並且可去除頁廣告;不過一般來說免費編輯圖片功能已經很足夠了唷!

部份功能需要加入Premium付費會員才能使用


 

 

PIXLR-照片去背

PIXLR 除了有線上圖片編輯器外,也有提供照片去背(刪除圖像背景)功能喔!

請點擊連結進入網站 ➜PIXLR 刪除背景】➜ 點擊打開圖像【】 

PIXLR打開圖像

 

 

PIXLR BG 去背功能在上傳圖檔後,網站會直接執行去背設定,去背設定可以使用微調功能再做設定,

設定完成後點擊下載【】就可以將編輯完成的圖檔下載至電腦中唷!

網站自動去背完成點選下載


 

 

【線上資源】I♥IMG(iLoveIMG)-壓縮圖檔/修改尺寸/裁剪圖片/圖片轉檔/圖片編輯/浮水印/旋轉圖片

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)-修改尺寸

● 連結:I♥IMG(iLoveIMG)-調整大小

這個功能主要可以批次修改多張圖片的大小(未註冊會員一次最多可處理 30 張圖片),可以修改 JPG、PNG、SVG、GIF 圖檔唷!

I♥IMG(iLoveIMG)-調整圖片大小

 

上傳圖檔後,可以依照需求按像素或百分比設定想要設定的圖片尺寸,設定完成後點擊【調整多個圖片的大小】就會修改圖片尺寸並且下載檔案喔!

檔案上傳完成圖片大小調整即可下載


 

 

I♥IMG(iLoveIMG)-裁剪圖片

● 連結:I♥IMG(iLoveIMG)-裁切圖片

這個功能主要可以裁切圖片內容,雖然網頁上方顯示可以選擇多張圖片,不過實際操作一次僅可修改一張圖片,這部份再請特別留意:),可以裁切 JPG、PNG、SVG、GIF 圖檔唷!

I♥IMG(iLoveIMG)-裁剪圖片

 

請直接使用滑鼠拖曳選擇裁切的區塊,設定完成後點擊【裁剪圖片】就可以下載圖檔囉!

選擇裁切區塊即可下載


 

 

I♥IMG(iLoveIMG)-圖片轉檔

● 連結:I♥IMG(iLoveIMG)-JPG轉換至PNG/GIF檔

這個功能主要可以將 JPG 檔轉換至 PNG 或 GIF 檔使用(未註冊會員一次最多可處理30張圖片)

I♥IMG(iLoveIMG)-圖片轉檔

 

上傳圖檔後,可以依照需求選擇轉換至 PNG/GIF,設定完成後點擊【轉換圖片格式就會修改圖片格式囉!

選擇轉換的檔案類型即可下載


 

 

I♥IMG(iLoveIMG)-圖片編輯

● 連結:I♥IMG(iLoveIMG)-相片編輯器

這個功能主要可以為特定圖片添加文字、貼紙、效果及濾鏡,直接在瀏覽器上編輯照片。

I♥IMG(iLoveIMG)-圖片編輯

 

相片編輯器提供基礎的照片編輯功能,設定完成後點擊【保存】就可以下載圖檔囉!

完成編輯即可以保存


 

 

I♥IMG(iLoveIMG)-浮水印

● 連結:I♥IMG(iLoveIMG)-浮水印

這個功能主要可以將 JPG、PNG、GIF 圖檔新增浮水印(未註冊會員一次最多可處理30張圖片)

I♥IMG(iLoveIMG)-浮水印

 

上傳圖片後,可以逐一為每一張圖片新增浮水印

添加圖片 ➜ 加入圖檔

添加文字 ➜ 輸入文字

設定完成後點擊【給多個圖片加水印】,就可以下載圖檔囉!

加入圖檔或文字完成浮水印


 

 

I♥IMG(iLoveIMG)-旋轉圖片

● 連結:I♥IMG(iLoveIMG)-旋轉圖片

這個功能主要可以將 JPG、PNG、GIF 圖檔旋轉圖片方向(未註冊會員一次最多可處理 30 張圖片)

I♥IMG(iLoveIMG)-旋轉圖片

 

上傳圖片後,可以依照需求選擇旋轉的方式,設定完成後點擊【旋轉多個圖片】,就可以下載圖檔囉!

調整圖片方向

 

以上是 I♥IMG(iLoveIMG) 的功能介紹;要特別留意的地方是免費的版本批次作業的檔案上限為 30 張圖檔唷!

免費的版本批次作業的檔案上限為30張圖檔


 

 

【線上資源】tinypng-壓縮圖檔

tinypng 是國外的線上壓縮圖檔網站,可以將PNG及JPEG檔的圖片進行壓縮,適合上傳圖片有特別限制檔案容量時可以使用;一次壓縮檔案上限為20張圖檔,並且每張圖檔大小不超過 5MB 即可使用,

請點擊連結進入網站 ➜tinypng

【線上資源】tinypng-壓縮圖檔

 

雖然是英文網站但使用方式非常直覺,點擊【Drop your WebP, PNG or JPEG files here!】就可以選取圖檔上傳,上傳成功後會直接執行壓縮,並且顯示壓縮結果。

選取圖檔上傳,上傳成功後會直接執行壓縮

 

點擊【Download all】就可以直接將壓縮後的圖檔全部下載到電腦使用唷!

點擊【Download all】下載圖片


 

 

總結

看完上方WACA為您準備及推薦的線上免費圖片資源後,想要讓商店版面呈現美美的模樣的您,是否躍躍欲試想立即試用看看這些圖片編輯功能呢?

 

在這邊提醒大家,網站美化除了需要發揮創意及美化技術編修圖片外,也要留意圖片尺寸還有容量限制喔!圖片容量越小、當消費者進入商店時,會有效加快網站的讀取速度,不用讓消費者苦苦等候網路下載圖檔、不會因為網站讀取過久導致放棄購物喔!

 

經營電商的眉眉角角真的很多,尤其是網站瀏覽速度對於消費者的消費體驗更是有最直接性的影響,所以在製作美美的圖片時,請一定要留意圖片尺寸跟檔案容量大小的限制喔:)