
對於自學或是相關科系新人,有時不是很了解某些詞。職場上或者社交場合中,總有喜歡刁難新人、自學者的相關從業人員,透過問他們也不見得了解的東西來打壓、欺負新人,當對方無法順暢的回答就開始"不得理也不饒人",比如說:「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圖片通常在網頁中用來展示小圖案或高對比的設計。

免費的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>資訊,適合需要自己架設網站的人。

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

當然,如果上述的網站都沒有你想要的,而且這個圖片未來會反覆使用,可以先到一些免費的圖庫網站像是Pexels上面找合適的,然後自己去背轉PNG,接著不要傳給別人喔!因為這樣會變成二次上傳,這是絕對不OK的,頂多私下自己使用就好。
最後,如果對內容有什麼疑問可以留言,或者透過我的E-mail:xiaotuobei20200806@gmail.com