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

文章推薦指數: 80 %
投票人數:10人

依功能分類 ; 圖片編輯, 【小畫家】【小畫家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



請為這篇文章評分?