開設實體店面門市需要招牌/裝潢、電商網路開店需要產品圖片/照片才能吸引消費者進店消費,
如果想製作漂亮的商品圖/Banner 需要專業的繪圖軟體 PhotoShop 或 Lightroom ,
但說真的這些軟體的價格不便宜,在預算有限的情形下,有沒有什麼軟體/線上免費資源可以達到類似的功能效果?
WACA 聽到您的心聲了~
立即為您推薦免費的圖片編輯資源,不需要花大錢就可以使用圖片編輯功能,
無論是編修照片、去背、修改尺寸、壓縮圖檔、圖片轉檔功能通通有~
想要調整圖片尺寸? Win10 內建小畫家實在好好用!
想要簡單去背? Win10 內建小畫家 3D 的強大功能超乎您的想像!
想要編輯照片? MacOS 預覽程式就能滿足基本需求!
不想用電腦內建軟體?網路上有好多免費又不用安裝的線上編輯工具任您選擇!
以下是 WACA 團隊為您精心準備推薦的圖片編輯工具清單,點擊連結可快速前往段落:
作業系統/線上編輯 | |
Windows10 | 【小畫家】【小畫家3D】 |
Mac OS | 【Preview】 |
線上編輯工具 | 【Adobe Express】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】【tinypng】 |
依功能分類 | |
圖片編輯 | 【小畫家】【小畫家3D】【Preview】【Adobe Express】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】 |
照片去背 | 【小畫家3D】【Preview】【Adobe Express】【Photopea】【PIXLR】 |
修改尺寸 | 【小畫家】【小畫家3D】【Preview】【Adobe Express】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】 |
壓縮圖檔 | 【I♥IMG(iLoveIMG)】【tinypng】 |
圖片轉檔 | 【小畫家】【小畫家3D】【Preview】【Adobe Express】【fotor】【Photopea】【PIXLR】【I♥IMG(iLoveIMG)】 |
總結 | |
【總結】 |
【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
【線上資源】Adobe Express-圖片編輯/照片去背/修改尺寸/圖片轉檔
說到繪圖軟體直覺會聯想到 Adobe 的 Photoshop,
不過 Adobe 除了有功能強大的付費圖片編輯軟體外,也有提供線上免費的照片編輯工具喔!
這個工具名稱是【 Adobe Express 】,只需要使用個人的社群帳號/E-mail信箱就可以快速註冊使用喔!
不需要下載程式,直接在瀏覽器內就可以使用基本的圖片編輯功能喔!
請點擊連結進入網站 ➜【Adobe Express】➜ 【立即編輯照片】
Adobe Express 需要註冊登入使用,使用個人社群帳號/E-mail就可以快速免費註冊使用喔!
登入後會進入 Adobe Express 頁面,若要編輯修改圖片,請點擊【上傳圖片】
圖片上傳後,點擊圖片可編輯影像
Adobe Express 提供下方功能可以使用:
圖片編輯完成後,點擊【下載】➜ 選擇檔案類型 ➜ 【開始下載】,就可以下載編輯完成的圖檔囉!
Adobe Express-照片去背
Adobe Express 網站提供照片去背功能
請點擊連結進入移除背景頁 ➜【Adobe Express 移除背景】➜ 【上傳照片】
請上傳需要移除背景的圖檔
網頁會自動開始執行移除背景
移除完成後,點擊【自訂】可進入圖片編輯器進行調整;點擊【下載】可下載去背完成的圖檔。
Adobe Express-修改尺寸
Adobe Express除了可以使用圖片編輯工具調整圖片尺寸外,還有的圖片縮放功能可以直接上傳圖片調整影像大小喔!
請點擊連結進入調整影像大小頁 ➜【Adobe Express 免費圖片縮放工具】➜ 【上傳照片】
請上傳需要調整尺寸的圖檔
接下來可以依照需求選擇想要更改的尺寸;如需自訂圖片大小,請點擊【自訂】➜ 設定自訂寬度/長度/影像比例,設定完成後請點擊【下載】
圖片下載完成後,頁面會進入 Adobe Express 相片編輯器,可繼續編輯圖片喔!
以上是 Adobe Express 圖片編輯功能介紹,讓您輕鬆完成圖片編輯作業喔!
【線上資源】fotor-圖片編輯/修改尺寸/圖片轉檔
fotor 是免費線上照片編輯程式,需要註冊/登入使用;使用方式方便直覺又簡單,
一般圖片編輯功能免費版本均包含在內,除非需要額外的特別功能才需要付費使用唷!
請點擊連結進入網站 ➜【fotor】➜ 編輯圖片【】
點擊打開圖片【】,選擇想要編輯的圖片
上傳圖片後,第一次使用會有簡易的四步導覽教學唷!
首先是調整,可以調整圖片尺寸、亮度、背景等。
接著是特效,有200+的特效濾鏡可以使用。
再來是美顏,可以為人像設定美顏和化妝喔!
最後是下載,點擊下載按鈕就可以下載保存作品。
編輯圖片完成後,點擊右上角下載【】 ➜ 可設定檔名、選擇存檔格式(jpg/png)及選擇匯出的圖檔質量(質量越高容量越大),設定完成後請點擊【下載】。
使用 fotor 需要註冊帳號登入使用,如果已有註冊帳號,可以點擊【登錄】、如尚未註冊帳號,請點【註冊】連結。
登入成功後瀏覽器會將編輯完成的圖片下載至電腦唷!
【線上資源】Photopea-圖片編輯/照片去背/修改尺寸/圖片轉檔
Photopea 是線上免費的圖片編輯軟體,介面跟 Photoshop 相似,但是不需要下載程式、也不需要註冊即可免費使用,並且可以開啟 PSD 檔編輯。
請點擊連結進入網站 ➜【Photopea】
第一次進入網站,語系會顯示英文;不用緊張!Photopea支援繁體中文,設定方式請往下走~
點擊上方的More【】 ➜ Language【】 ➜ 往下滑選擇【瀪體中文】就OK了!
切換至繁體中文後,就可以開始編輯圖片囉!
Photopea-照片去背
前面有提及 Photopea 介面功能與 Photoshop 相近,也有魔術棒的功能可以設定去背,點擊魔術棒工具即可編輯照片去背功能。
編輯圖片完成後,點擊【檔案】 ➜ 【轉存為】 ➜ 就可以依照需求將圖片儲存至想要的格式唷!
【線上資源】PIXLR-圖片編輯/照片去背/修改尺寸/圖片轉檔
PIXLR 為線上免費圖片美化編輯服務,網頁版可以直接使用瀏覽器編輯圖片,不需要額外下載安裝程式即可使用,也可以開啟PSD圖檔編輯喔!
請點擊連結進入網站 ➜【PIXLR】➜ 點擊左側的發射PIXLR X【】
點擊打開圖像【】上傳圖片後,可以直接開始編輯圖片。
PIXLR的頁面如下:
PIXLR 提供以下編輯功能,部份功能需要加入 Premium 付費會員(目前有提供免費體驗 30 天),會員可以離線使用並且可去除頁廣告;不過一般來說免費編輯圖片功能已經很足夠了唷!
PIXLR-照片去背
PIXLR 除了有線上圖片編輯器外,也有提供照片去背(刪除圖像背景)功能喔!
請點擊連結進入網站 ➜【PIXLR 刪除背景】➜ 點擊打開圖像【】
PIXLR BG 去背功能在上傳圖檔後,網站會直接執行去背設定,去背設定可以使用微調功能再做設定,
設定完成後點擊下載【】就可以將編輯完成的圖檔下載至電腦中唷!
【線上資源】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】
雖然是英文網站但使用方式非常直覺,點擊【Drop your WebP, PNG or JPEG files here!】就可以選取圖檔上傳,上傳成功後會直接執行壓縮,並且顯示壓縮結果。
點擊【Download all】就可以直接將壓縮後的圖檔全部下載到電腦使用唷!
總結
看完上方WACA為您準備及推薦的線上免費圖片資源後,想要讓商店版面呈現美美的模樣的您,是否躍躍欲試想立即試用看看這些圖片編輯功能呢?
在這邊提醒大家,網站美化除了需要發揮創意及美化技術編修圖片外,也要留意圖片尺寸還有容量限制喔!圖片容量越小、當消費者進入商店時,會有效加快網站的讀取速度,不用讓消費者苦苦等候網路下載圖檔、不會因為網站讀取過久導致放棄購物喔!
經營電商的眉眉角角真的很多,尤其是網站瀏覽速度對於消費者的消費體驗更是有最直接性的影響,所以在製作美美的圖片時,請一定要留意圖片尺寸跟檔案容量大小的限制喔:)