iT邦幫忙

2

各種網站常用圖像格式基礎圖解 (JPG、PNG、GIF、SVG 和 WebP 等等)

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20200215/20116357ZCJuaygrKf.png

如果要深入解釋這個領域,可能要撰寫 2-3 萬字才足夠,但新手如果希望簡單獲得一個基礎的觀念,這張圖解相信可以提供一個快速的辦識給您作為參考。

主流格式的市場佔有率

簡單點說就是那些格式最多站長使用,那些又是很少人使用?透過權威的 w3techs 分析近年的統計數據,簡單可以列出如下。

  • PNG:75.0% (高於 7 成市佔率)
  • JPEG:70.7% (高於 7 成市佔率)
  • GIF:23.2% (支援動畫)
  • SVG:22.1% (網絡新趨勢)
  • WebP:0.2% (少於 1%)
  • BMP:0.2% (少於 1%)
  • ICO:0.1% (少於 1%)

還有需要考慮一些特殊的需求和情況

降低圖像大小:JPG 和 PNG
要求透明背景:PNG、SVG 和 GIF
制作圖像動畫:GIF
可編輯向量檔:SVG

長話短說,希望對新手站長了解圖像格式有幫助。


您可能會有興趣的 WordPress 相關文章:

免費建立網站教學,看這篇就足夠

WordPress 教學:小樹苗成長課程

HTML 標題語法 h1 至 h6 的使用原則和 SEO 的影響因素

免費 WordPress 新手必備素材包

什麼是 DA (Domain Authority 網域權威值) 和 PA (Page Authority 頁面權威值) ?

免費高品質和可商業使用圖庫推薦

Loom 是免費螢幕錄影工具,提供免費版和付費版 – 雲端錄制影片測試

100 個安裝 WordPress 後的小技巧

【Google Fonts 應用】如何在 WordPress 網站上使用 Google 中文字體?

WPWebHost 建立部落格完整流程 – 從 Logo 設計到 SEO 最佳化

為什麼 WordPress 是免費?


什麼是 WordPress 社群生態普查與研習 - 網站迷谷

https://ithelp.ithome.com.tw/upload/images/20190427/20116357LGQmfn1DSo.png

一群喜歡網站架設的愛好者
推動 WordPress 社群持續的健康發展
建立關愛和共融的互動社群
適合完全沒有任何基礎和
不懂程式的入門者和新手
只要您勇敢踏出第一步
要建立自己的部落格或網站
其實沒有非常困難

第一次網站製作嗎?
歡迎來到我們的社團
學習網頁設計

免費 WordPress 線上影片教學課程

WordPress Valley - 網站迷谷【免費教學網站】

WordPress Valley - 網站迷谷【Facebook 討論社團】

WordPress Valley - 網站迷谷【追蹤 Instagram】


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言