返回文章

GDN廣告格式比較:JPEG、GIF還是HTML5?

作者:Terrence Chung(Kick Ads 聯合創辦人) · 更新於 2026年7月10日

GDN廣告格式比較:JPEG、GIF還是HTML5?

當我們選擇應該應用那種檔案格式到我們的多媒體廣告上,我們通常會有以下的疑問:

1.Google Display 廣告可以接納甚麼檔案格式?

2.JPEG、GIF和HTML5有甚麼區別?

3.各種格式的優點和缺點分別是甚麼?

4.如何創建不同格式的多媒體廣告?

常見的展示廣告格式與尺寸

看每種格式之前,讓我們先了解哪些廣告尺寸公認較受Google歡迎。(如果你想先了解 Google Display Network 的整體概念,可參考我們的 GDN 完整教學。)

PopularDisplayAdsSize

displayadspopularsize

在製作Display Ads時的兩個基本要點:

  • 多媒體廣告(橫幅廣告)檔案大小:我們有必要先看一看多媒體廣告(橫幅廣告)檔案大小。無論你使用哪種格式,都需要確保不超過150kB。如果你使用網上轉換器來改變檔案的大小,很多時侯該廣告將會變得模糊不清。因此,你必須記住,你應該在一開始設計時要考慮這點,令廣告在原始格式中有更小的像素。

  • 行動呼籲(Call-to-Action)按鈕:互聯網上有很多GDN多媒體廣告,然而要成功吸引客人的方法之一就是增設行動呼籲(Call-to-Action)按鈕例如立刻登記﹑立刻購買等等。但是,我們建議你避免使用某些行動呼籲按鈕的用字,例如“點擊此處”,因為Google 會較容易視之為點擊誘餌(Click Baits)。

最常使用的多媒體廣告格式

  1. JPEG
  2. PNG
  3. GIF
  4. HTML5
  5. HTML5 AMP

PNG和JPEG是靜態格式,而GIF、HTML AMP和HTML5是動畫格式。如果你問我的意見,我會建議你不要使用靜態格式,因為它一般被視為較為陳舊、欠缺吸引力。靜態廣告一般資訊及內容會較貧乏,但如果你嘗試在靜態格式上添加大量信息,它會看來非常不美觀。 因此,使用動畫格式一般來說是比較好的選擇。

1.JPEG

JPG或JPEG被認為是世界各地最常使用的圖像檔案格式。 這格式常應用於社交媒體的廣告、網站甚至傳統打印。 JPEG格式是以“Joint Photographic Experts Group” (聯合圖像專家組)的創建者命名。

優點:

  • 大量的顏色可供選用
  • JPG檔案有低,中,高質量可供選擇

缺點:

  • 此檔案類型被視為有損壓縮(Lossy),簡單而言,Lossy File Format往往意味著當你嘗試減小檔案大小時,質量將會逐漸降低。簡單看看以下的例子你就能了解嘗試減小檔案尺寸大小的時候的結果。JPEGCOMPARSION

創建所需的工具

有很多軟件可以創建JPEG,較常用的是Adobe Illustrator or Adobe PhotoShop……如果你夠厲害,理論上用小畫家也可以做到…….

2.PNG

此檔案格式是另一種重要的圖像檔案格式。 它是一種無損格式。 這意味著你可以輕鬆編輯圖像,同時不影響質量。

PNG是Portable Network Graphics的縮寫。 這種格式廣泛用於網頁設計,它與Print並不兼容。

優點:

  • 支援半透明或透明背景的圖像
  • 適合細小圖像,例如標誌(logo)及圖形元素

缺點:

  • 檔案大小相對比JPEG大

創建所需的工具

有很多軟件可以創建,較常用的是Adobe Illustrator or Adobe PhotoShop……如果你夠厲害,理論上用小畫家也可以做到……

3.GIF

GIF可用於動畫和靜態格式,但人們通常更喜歡使用動畫格式。世界各地的廣告商都廣泛使用GIF,因為它製作簡單,無需任何編碼知識即可完成。你可以在網絡上的任何位置找到GIF的存在。而暫時為止,因其製作容易及簡單,很多人都是以GIF格式在Google投放橫幅廣告。

我們建議你在每個GIF使用三張圖片就好(總共不超過150KB)。如果你使用超過3張圖片,每張分到的KB就很少,那就會影響質量(看起來很醜陋、模糊和鬆散)。

優點:

  • 製作簡單,無需任何編碼知識即可完成

缺點:

  • 逐格儲存動畫令檔案容易變大
  • 最大的缺點是GIF只能使用256種顏色。 這意味著GIF動畫將無法獲得最佳圖像質量

Google對GIF動畫的要求:

長度: 30秒或更短

循環: 可循環播放,但必須在30秒後停止

速度: 低於5 FPS

創建所需的工具

有很多軟件可以創建,較常用的是Adobe Illustrator或Adobe PhotoShop

4.HTML5

Flash 已經壽終正寢——Google 多媒體廣告聯播網自 2017 年起不再接受 Flash 廣告,由 HTML5 動畫廣告取而代之。 目前 HTML5 仍是動畫廣告的主流格式。它使用Javascript和CSS,並允許用戶創建精彩的過場和動畫效果。

如果你使用Google網頁設計師進行創建HTML 5,則必須將輸出檔案放在.zip檔案夾中。大多數人認為.zip檔案夾需要解壓縮,但你不需要。你可以在創建Google展示型廣告時將.zip檔案上傳到Google廣告平台。

優點:

  • 這是一個開放的網絡標準格式檔案,這意味著所有瀏覽器和操作系統都支持這種格式
  • HTML 5尺寸大小小於動畫GIF檔案
  • 它允許嵌入音頻、視頻和媒體內容

缺點:

  • HTML5開發工具需考慮對Android、iOS或Windows系統和代碼進行必要的更改
  • 掌握代碼語言需要多年的實踐和學習,但你可以使用Google Web Designer 甚至Creatopy(前身為 Bannersnack)等工具簡單地開發動態HTML5廣告,無需非常熟悉代碼也可使用此工具。

創建所需的工具

筆者所知的有 Google Web Designer, Onlymega, CreatopyBannerflow(我們是用Google Web Designer來製作HTML5廣告的。)

簡單展示如果利用Google Web Designer 製作HTML5廣告GoogleWebDesignerGuideline1

GoogleWebDesignerGuideline2

GoogleWebDesignerGuideline3

GoogleWebDesignerGuideline4

GoogleWebDesignerGuideline5

GoogleWebDesignerGuideline6

GoogleWebDesignerGuideline7

Google對HTML5廣告的要求:

如果你計劃使用HTM5廣告來運行PPC廣告系列,那你必須先了解要求。

你只能在以下情況下在Google投放HTML5廣告:

  • 你已了解政策合規性的所有內容
  • 良好的付款歷史紀錄
  • 帳戶信譽良好、消費紀錄穩定(Google 過往曾要求累積消費約 1,000 美元,實際資格請以 Google Ads 官方說明為準)

5.AMP HTML5(已過時)

2026 年注意: AMP 已基本被淘汰。Google 早於 2021 年已取消 Top Stories 及搜尋排名對 AMP 的要求,AMPHTML 廣告現已屬過時(legacy)格式。本節僅作參考,新的廣告活動建議改用 HTML5。

AMP是Accelerated Mobile Pages項目的縮寫。 這是一項旨在改善網絡的開源計劃。項目的願景是使網站和廣告在所有設備上更加美觀、快速和高效。

AMP廣告更輕、更快,而且更安全。 眾所周知,它們可以提供更好的用戶體驗並提高參與率。你可以在AMPHTML的幫助下構建AMP HTML廣告。 除此之外,你還可以使用各種智能組件。

HTML5AMP

優點:

  • 其較輕巧的屬性可帶來更好的體驗
  • 你必須在投放AMPHTML廣告前對其進行驗證,從而消除惡意軟件的風險並贏得客戶的信任
  • 根據Google 廣告,“AMPHTML廣告可以在兩個AMP頁面上(通過廣告管理系統AMPHTML廣告代碼)和非AMP頁面(通過Google發布商代碼)投放。這包括桌面和移動網絡環境。"

缺點:

  • 無法使用模糊效果、循環、操作URL和嵌入項等設置

創建所需的工具

筆者所知的有 Google Web Designer, Onlymega, CreatopyBannerflow。(我們是用Google Web Designer來製作HTML5廣告的。)

簡單展示如果利用GOOGLE WEB DESIGNER 製作AMP HTML5廣告

GoogleWebDesignerGuidelineAMP1

GoogleWebDesignerGuidelineAMP2

GoogleWebDesignerGuidelineAMP3

Google對AMP HTML5廣告的要求:

與HTML5廣告不同,你無需擁有投放Google廣告的長期歷史記錄或良好的付款紀錄。

真實數據(日期:1/4/2019 - 30/6/2019)

注意: 以下數據來自 2019 年的廣告活動,僅作歷史參考,並非 2026 年的最新基準。

displayadsformatcomparsion

廣告素材相同,訊息內容也一致。

HTML5具有更好的性能,但AMP HTML5並不像Google聲稱的那樣好,它的點擊率甚至低於GIF格式。

如果你真的想投放Display Ads (GDN Banner),我會建議你先考慮HTML5。如果你的帳戶不符合運行 HTML5 的條件,GIF 是較實際的選擇。(AMP HTML5 現已屬過時格式,我們不再建議使用。)

總結

先補充一個 2026 年的背景:現時大部分廣告商都以 Responsive Display Ads 作為預設選擇,由 Google 自動組合素材;當你需要對品牌及動畫有完全控制時,上述的自製上載格式才是主角。

你知道甚麼能提高點擊率、轉換率和投資回報率嗎? 那就是選擇最適合你的Display廣告的檔案格式。

個人認為在大多數的情況下動畫格式是優於靜態格式。如果你問我上述格式的優先列表,那麼列表中排名第一的會是 HTML5,其次是 GIF,最後才是 JPG 和 PNG 格式。AMP HTML5 已屬過時(legacy)格式,我們不再建議使用。另外,如果逐個尺寸製作 banner 成本太高,亦可以考慮 Responsive Display Ads,讓 Google 自動組合廣告素材。

常見問題

Google Display 廣告支援哪些檔案格式? 最常用的格式包括 JPEG、PNG、GIF、HTML5 及 AMP HTML5。JPEG 和 PNG 屬靜態格式,GIF、HTML5 及 AMP HTML5 則支援動畫。

Display 廣告 banner 的檔案大小上限是多少? 無論使用哪種格式,banner 都不應超過 150KB。用網上轉換器強行壓縮容易令廣告變得模糊,設計時應一開始便控制像素及檔案大小。

哪種 Display 廣告格式表現最好? 在我們以相同 creative 及訊息進行的真實比較中,HTML5 表現最好,而 AMP HTML5 的點擊率甚至低於 GIF。優先次序建議為先用 HTML5,其次是 GIF,最後才考慮靜態 JPG 及 PNG。AMP HTML5 已屬過時格式,我們不再建議使用。

投放 HTML5 廣告有甚麼門檻? 帳戶需要符合 Google 政策並有良好付款紀錄;Google 過往曾提及累積消費約 1,000 美元,但實際資格請以 Google Ads 官方說明為準。AMP HTML5 廣告則沒有消費或帳戶歷史要求。

Google 對 GIF 動畫廣告有甚麼要求? 長度須為 30 秒或以下,可以循環播放但必須在 30 秒後停止,速度須低於 5 FPS。

準備好讓 Google Ads 帶動業務增長?

Kick Ads 為香港及馬來西亞企業管理 Google Ads 及 Meta Ads,報告聚焦查詢與銷售,不只看 clicks。

Google Display Ads 廣告管理服務 → · Google Ads 廣告管理服務 →

Terrence Chung

關於作者

Terrence Chung · Kick Ads 聯合創辦人

Terrence 是 ex-Googler 及廣告與 SEM 培訓師,自 2017 年起為香港及馬來西亞的電商及 Lead Generation 企業管理 Google Ads,專注帳戶策略及優化方向。

想由專家檢視你的帳戶?

做一次 Kick Ads 的 Paid Media Health Check——沒有 sales pitch,只有實話。

免費廣告 Health Check