PNG是什麼?圖片格式差異&新手初學者必收藏6個超實用免費圖庫推薦

更新於 發佈於 閱讀時間約 5 分鐘
raw-image

對於自學或是相關科系新人,有時不是很了解某些詞。職場上或者社交場合中,總有喜歡刁難新人、自學者相關從業人員,透過問他們也不見得了解的東西來打壓、欺負新人,當對方無法順暢的回答就開始"不得理也不饒人",比如說:「SVG是什麼?」、「PNG是什麼?」、「JPG會壓縮多少?」、「你懂SEO嗎?」,大多數的人會使用但不見得有辦法解釋,所以只要記住自己不需要對方認同即可。

這次就要來幫大家透過簡單易懂的方式理解PNG,以及網路上有哪些免費的PNG圖庫。

PNG到底是什麼?

當我們說到PNG圖片格式時,其實是在說一種很常見的圖片檔案類型,全名是Portable Network Graphics。用簡單的方式解釋,這種格式有以下幾個特點:

1. 無損壓縮

  • PNG圖片不會壓縮畫質,即使你儲存多次,畫質都不會變差。
  • 它適合用來儲存需要高品質的圖片,例如設計圖、插圖、或截圖。

不過要補充的是,雖然JPG會壓縮,可是除非你把JPG轉存JPG,再把JPG轉存JPG好幾遍,不然那個壓縮的程度並不明顯,尤其照片最低都是4K以上畫質,壓縮程度不會像影片這麼明顯。

2. 支援透明背景

  • PNG可以讓圖片有透明背景,這在設計和剪貼時很實用,例如Logo或網頁上的圖片。
  • 你可能見過一些圖像沒有背景,看起來像「漂浮」在畫面上,這就是PNG的功勞。

網路上還有一種可以保留透明影像的方式,是使用GIF製作,不過這種方式有幾個缺點,首先GIF支援的顏色少,所以漸層會變很奇怪,幾乎無法正常呈現,其次是GIF也有分保留透明影像一般的動態圖檔,比如剪映可以製作的GIF就是不保留透明影片,目前要製作含透明影像的GIF主要需要AE(After Effect)或PS(photoshop)。

3. 檔案大小可能較大

  • 因為PNG保留了畫質,所以檔案通常比JPEG(另一種常見的圖片格式)大一點。
  • 它不太適合用來儲存超多細節的照片(例如風景照),因為這樣檔案會變得非常大。

4. 適用範圍

  • 經常使用的簡易檔案:特別是做Logo、Icon,或需要透明背景的圖案時。
  • 網頁用:PNG圖片通常在網頁中用來展示小圖案或高對比的設計。
raw-image

免費的PNG圖庫資源

需要使用已經去背好的圖片,其實不一定要自己找免費圖庫再去背,或是自己畫向量圖示再輸出SVG或PNG,可以透過以下的PNG免費圖庫找看看有沒有合適的。

01.irasutoya

這是很多Youtuber愛用的免費PNG圖庫喔,風格可愛,是日系插畫風,圖片資源非常多,適合需要表達各種職業、角色的情況。

02.pngimg

網站上的圖片格式預覽

網站上的圖片格式預覽

這是我收藏很久的國外免費PNG圖庫,很少台灣使用者發現這個網站,今天分享給大家。真的是非常的實用,從生物到工具用品都有,就是偶爾跳個廣告而已。裡面的圖片都是去背好的喔~不用自己找照片處理去背,而且都是現實照片風格居多,偶爾會有向量繪製的圖片。

只是這個網站需要使用英文或西班牙文才能搜尋,所以可以先用Google翻譯之後丟進來查詢。

03.Freepik

這是一個可以部份內容免費使用的圖庫,有一些需要會員才可以下載,當中除了圖片以外也有icons可以下載,前面提到icons、logo多半會以PNG的格式使用,因此在這裡免費下載的格式就是PNG喔。

補充:這個網站甚至可以免費下載AI、PSD檔,直接做編輯呢!

04.Flaction

與Freepik類似的網站,不過是以icons、stickers(貼紙/含透明影像裝飾)為主,比較不會出現一般的照片素材。

05.Google Fonts

這個比較特別的地方是網站設計也可以用,上面都有詳細的HTML<style>資訊,適合需要自己架設網站的人。

raw-image

06.3dicons

如果想要找比較不一樣的icons或者想找一些裝飾的PNG圖片,這個網站會是很棒的選擇,裡面的圖案都是3D風格,顏色很鮮豔,適合用來裝飾圖片或是影片中穿插。

raw-image


當然,如果上述的網站都沒有你想要的,而且這個圖片未來會反覆使用,可以先到一些免費的圖庫網站像是Pexels上面找合適的,然後自己去背轉PNG,接著不要傳給別人喔!因為這樣會變成二次上傳,這是絕對不OK的,頂多私下自己使用就好。


最後,如果對內容有什麼疑問可以留言,或者透過我的E-mail:xiaotuobei20200806@gmail.com

🖥️電繪、平面設計、攝影、動畫🌟 歡迎來到我的方格子帳號!我是一名影片相關從業人員,累計將近4年工作經驗。 在這裡我會分享有關設計、影片的概念,希望幫助到剛開始學習的朋友。 與其他的創作者不同的是,我會分享一些比較細微的內容,如果有興趣,歡迎訂閱和留言,讓我們一起成長! 我的理念是學以致用,期待可以持續成長。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Adobe試用之後馬上取消訂閱被扣錢?「我想說試用看看,就先註冊,等後來試用快要結束,我就提前退訂,結果Adobe竟然要我付違約金...」網路上很多這樣的苦主,其背後的原因到底是什麼?這種情況只會發生在Adobe嗎?其他軟體威力導演、DaVinci、Clipchamp、剪映、Capcut也會嗎?
一年過去了,回顧自己2024的經驗,發現大部分不是在上班就是在上課,而且免費與付費課程我都有看,很多人說免費課程沒用、付費課程都在割韭菜,我的親身經驗是...
剪片自學者常見的錯誤的習慣你中了幾個? 有一些習慣是連本科系都有可能犯的錯誤,大家知道哪些呢? 影片剪輯、影片編輯、影片後製、初學者
2025年到來,想必也有人想要開始經營自己的社群帳號,對於經常想分享創作的人來說,影片剪輯軟體通常偏好免費、簡單、容易上手、電腦性能要求低的。這次整理了5款可以免費使用的剪片軟體! 接下來我會親自下載,並且實際使用,與大家分享我覺得這些軟體有那些優點跟缺點,以及是否有情況會需要付費。
超喜歡達芬奇(DaVinci)的光暈、調色效果,但是習慣用PR剪片怎麼辦?有解決方法嗎?這篇文章是針對這部調色影片的筆記。 文章內容頗長,請透過目錄快速前往需要查閱的地方。
#版權 #侵權 #音樂 YT傳說:清唱不能過四句,系統會自動判侵權 過去有一些網紅常故意清唱四句,然後接一句「不能再唱了,因為超過5秒會侵權」,到底是真的假的? 如果音樂在YT侵權會怎麼樣?
Adobe試用之後馬上取消訂閱被扣錢?「我想說試用看看,就先註冊,等後來試用快要結束,我就提前退訂,結果Adobe竟然要我付違約金...」網路上很多這樣的苦主,其背後的原因到底是什麼?這種情況只會發生在Adobe嗎?其他軟體威力導演、DaVinci、Clipchamp、剪映、Capcut也會嗎?
一年過去了,回顧自己2024的經驗,發現大部分不是在上班就是在上課,而且免費與付費課程我都有看,很多人說免費課程沒用、付費課程都在割韭菜,我的親身經驗是...
剪片自學者常見的錯誤的習慣你中了幾個? 有一些習慣是連本科系都有可能犯的錯誤,大家知道哪些呢? 影片剪輯、影片編輯、影片後製、初學者
2025年到來,想必也有人想要開始經營自己的社群帳號,對於經常想分享創作的人來說,影片剪輯軟體通常偏好免費、簡單、容易上手、電腦性能要求低的。這次整理了5款可以免費使用的剪片軟體! 接下來我會親自下載,並且實際使用,與大家分享我覺得這些軟體有那些優點跟缺點,以及是否有情況會需要付費。
超喜歡達芬奇(DaVinci)的光暈、調色效果,但是習慣用PR剪片怎麼辦?有解決方法嗎?這篇文章是針對這部調色影片的筆記。 文章內容頗長,請透過目錄快速前往需要查閱的地方。
#版權 #侵權 #音樂 YT傳說:清唱不能過四句,系統會自動判侵權 過去有一些網紅常故意清唱四句,然後接一句「不能再唱了,因為超過5秒會侵權」,到底是真的假的? 如果音樂在YT侵權會怎麼樣?
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
分享八款免費高解析度、無版權和商業使用的圖片網站,提供豐富多樣的圖片素材,從風景、人物等類型滿足各種需求。使用這些免費且商用的圖片,讓創作有更豐富的視覺呈現,增加專業度和吸引力。
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
創作邦創作邦精選工具資源-第 27 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
Thumbnail
創作邦創作邦精選工具資源-第 21 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
分享八款免費高解析度、無版權和商業使用的圖片網站,提供豐富多樣的圖片素材,從風景、人物等類型滿足各種需求。使用這些免費且商用的圖片,讓創作有更豐富的視覺呈現,增加專業度和吸引力。
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
創作邦創作邦精選工具資源-第 27 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
Thumbnail
創作邦創作邦精選工具資源-第 21 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。