大家一定都聽過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響應式網站
  • 檔案不大,在行動裝置上不會造成傳輸速率的延遲
  • 可製作為動畫

 

 

以上這幾種就是目前最常見的圖片格式,分別適用於不同的情況。想知道更多圖片製作的秘訣嗎?快收看製作吸睛廣告圖片,關鍵技能課程

 
KPN 編輯部
AUTHOR

KPN 編輯部

奇寶網路自 2006 年成立,深耕搜尋行銷產業 — 服務超過 600 家企業客戶,自主研發站內廣告系統「客樂寶」,是 Google Partners 官方認證機構。

SHARE Facebook LINE
STAY CONNECTED · 訂閱與社群

還想了解更多各類數位行銷資訊的話,歡迎訂閱電子報加入奇寶 Line 好友,第一時間接收最新資訊!

Facebook 粉絲專頁:

歡迎轉載 KPN 奇寶部落格相關文章,在轉載前請先詳閱著作權聲明及轉載原則