大家一定都聽過JPG,PNG,GIF,或是這幾年夯起來的SVG等等的圖檔格式,但你了解這些格式的特性,以及在什麼情況下,適合用什麼類型的檔案格式嗎?
我們上週的製作吸睛廣告圖片,關鍵技能課程與大家分享了一些製圖的基本知識,今天就先為大家整理一下各種圖片格式的差異
點陣格式:包含JPG,PNG,GIF
這類的圖片在放大的時候會失真,並且出現鋸齒狀
JPG
- 失真壓縮
- 副檔名為jpg,其他格式為 jpeg, Jpe, jfif, jif
- 適用在一般的照片,網站圖片
GIF
- 影像互換格式
- 採用無失真格式,但局限於256色
- 適用動態的圖片
PNG
- 無失真的壓縮格式
- 支援半透明
- 適合Logo,Icon,等需要透明度支援的圖片
PNG與JPG對於透明度的比較:

可以明顯看到左邊的PNG圖片能夠直接看到灰色的背景,而右邊的JPG圖片,則會帶有白底
向量格式:SVG
不會因為放大縮小而失真

SVG
這個檔案類型其實很早就出現了,只是當時沒有很多瀏覽器支援,造成使用率低。近年來瀏覽器的效能大幅提升,所以SVG又開始廣泛的流行起來。不過還是要注意 IE9以上才能使用喔。
- 放大縮小不失真,適合RWD響應式網站
- 檔案不大,在行動裝置上不會造成傳輸速率的延遲
- 可製作為動畫
以上這幾種就是目前最常見的圖片格式,分別適用於不同的情況。想知道更多圖片製作的秘訣嗎?快收看製作吸睛廣告圖片,關鍵技能課程
STAY CONNECTED · 訂閱與社群
還想了解更多各類數位行銷資訊的話,歡迎訂閱電子報、加入奇寶 Line 好友,第一時間接收最新資訊!
歡迎轉載 KPN 奇寶部落格相關文章,在轉載前請先詳閱著作權聲明及轉載原則。
