• 【開店必備】免費圖片編輯工具推薦(電腦裝置/線上資源)

    • 最後更新 2022-08-25 15:31

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

    如果想製作漂亮的商品圖/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為您準備及推薦的線上免費圖片資源後,想要讓商店版面呈現美美的模樣的您,是否躍躍欲試想立即試用看看這些圖片編輯功能呢?

     

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

     

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

     

TOP