諮詢熱線:02-2369-8858

淺談圖檔格式

淺談圖檔格式

最後更新:2016/02/04 作者:KPN設計部
加入好友
淺談圖檔格式
大家一定都聽過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響應式網站
  • 檔案不大,在行動裝置上不會造成傳輸速率的延遲
  • 可製作為動畫

 

 

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

 
你可能也會喜歡
熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能步入正軌,成長茁壯,發揚光大。 你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位則會讓你陷入泥淖,越陷越深離目標越來越遠。   今日來分享KPN奇寶廣告優化績效師日常- ....

2021完整SEO教學,一篇就懂SEO搜尋引擎優化操....

SEO可以帶來什麼效益? 就是要讓顧客第一眼就看到你!因為您的顧客都在Google、Yahoo上,透過『關鍵字』搜尋產品,因此做好網站SEO帶來的好處有: 網站流量的增長 品牌、商品知名度的拓展與形象建立 因應搜尋意圖的資....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看究竟要如何連結這兩種社群平台喔! 目錄 登入FB 搜尋「Instatab」 新增粉絲專業 請點選「小齒輪圖示」 選擇「編輯設定....

描述標籤(Meta Description)的SEO優化

本文分四個段落加以介紹: 目錄 什麼是Meta Description? meta description是Google排名因素之一嗎? 網頁摘要是如何產生的 如何優化meta description 具備敘述性、吸引使用者 每頁使用獨特的meta description 關於社群分享有一點可以注....

延伸閱讀

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能步入正軌,成長茁壯,發揚光大。 你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位則會讓你陷入泥淖,越陷越深離目標越來越遠。   今日來分享KPN奇寶廣告優化績效師日常- ....

2021完整SEO教學,一篇就懂SEO搜尋引擎優化操....

SEO可以帶來什麼效益? 就是要讓顧客第一眼就看到你!因為您的顧客都在Google、Yahoo上,透過『關鍵字』搜尋產品,因此做好網站SEO帶來的好處有: 網站流量的增長 品牌、商品知名度的拓展與形象建立 因應搜尋意圖的資....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看究竟要如何連結這兩種社群平台喔! 目錄 登入FB 搜尋「Instatab」 新增粉絲專業 請點選「小齒輪圖示」 選擇「編輯設定....

描述標籤(Meta Description)的SEO優化

本文分四個段落加以介紹: 目錄 什麼是Meta Description? meta description是Google排名因素之一嗎? 網頁摘要是如何產生的 如何優化meta description 具備敘述性、吸引使用者 每頁使用獨特的meta description 關於社群分享有一點可以注....

Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com

線上客服