【圖片編輯】圖片處理但沒有Photoshop怎麼辦?使用免費「Photopea 」 ,近乎是Photoshop 線上版

之前教寫部落格的學員在把圖片上傳時,須把圖片瘦身後再上傳(不要在手機拍完就上傳,那會使圖片非常的大影響網頁載入速度),但滿多人沒有Photoshop的,所以推薦他們使用這個免費「Photopea 」,近乎是Photoshop 線上版,非常實用!

【圖片編輯】圖片處理但沒有Photoshop怎麼辦?使用免費「Photopea 」 ,近乎是Photoshop 線上版

Photopea 」是線上網頁版的一個圖片編輯介面,它長的與Photoshop幾乎是一模一樣,也擁有著與Photoshop多數一樣的功能,無論你要處理一張簡單圖片,或是對相片進行基本修圖、去背,甚至是使用高級濾鏡或使用腳本等等都可以滿足需求。

本文僅示範一下如何把一張手機拍好的照片或截圖面積比較大的圖片,透過「Photopea 」把檔案做瘦身。

一、素材

這是一張手機拍的照片,檔案大小是1.9MB(1900KB),它的寬度是4000 px。

二、載入圖片

先進入「Photopea 」並開啟我們的素材。

當然你可以先在此素材上先做一些圖片處理,例如置入文字、去背之類的。

三、按下轉存

從[檔案]/[轉存為],選擇[JPG]

 

①原本是4000 px的寬,先調整至剩下900 px即可

若使用一般的截圖程式把寬度調剩下900 px,檔案就已經小了一半以上了,若使用一般的截圖程式可以把檔案製至200kb以下,其實就不一定要再至「Photopea 」來瘦身一次。

為何為要調整900 px,一般部落格的網頁,主內容區的寬度大概是700~900 px,所以圖片的寬度就大致調至這個範圍即可。

②再把「質量」調小,調越小圖片的檔案就變得越小

透過「質量」的調整,可以讓照片或圖片的檔案縮的更小。

一般可先調至40%試試,若覺得圖片太模糊,就把質量再稍調大一點。

▼本次測試以22%來調整

四、檢視成果

看,整張用iPhone手機拍的原圖已變成僅僅42 KB而已,檔案大小減了快5倍,這對網頁載入速度有莫大的幫助。

而調整過後的「田園照」,如下圖,可以看一下是否有變的很模糊,我個人是覺得還好,一般肉眼看不出有啥差異!

 

※結語

Photopea 」並沒有即時截圖的功能,若要截圖請搭配《【圖片編輯】寫部落格常用的一套截圖、浮水印的必備工具 – PicPick

所以寫部落格至少會安裝Picpick這一套並適時搭配本篇介紹的「Photopea 」。

FACY

我是小訣行銷工作室的Facy,這是我第二個網站專寫用來寫文章的,我喜歡寫部落格來記錄「把不會變會」的事,也喜歡教別人寫部落格,更有替人架設部落格網站的服務(就像本站)。
專長是WordPress客製化架站,且凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客網站接案製作架站教學,歡迎找我聊聊。

  • 如果您不用寫程式就能架站有興趣的話,可以加入FB社團一起交流。
  • 如果您需要更系統性的學習WordPress,歡迎參考我的線上課程或報名一對一家教班,或公開班(不定時配合開課單位開課)。
  • 如果您想當部落客且想要自架部落格網站且有自己網址,我也能替您服務或顧問式輔導架站
  • 架設網站請找我,點此看作品
0 0 vote
為本文評分
訂閱
通知
guest
0 Comments
Inline Feedbacks
查看所有評論

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

站內搜尋

訂閱本站

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

小訣行銷工作室

如果需要架站(包含像本站類型部落格網站)、網頁設計教學服務、業配需求,歡迎參考小訣行銷工作室

贊助與鼓勵

您好,

如果我的網路筆記剛好有幫到您,不妨請我喝杯咖啡吧!😊