返回文章

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

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

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

為多媒體廣告選擇檔案格式時,你腦海裡通常會浮現以下疑問:

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

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

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

4.如何製作不同格式的多媒體廣告?

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

逐一拆解每種格式之前,先看看哪幾個廣告尺寸最受 Google 歡迎。(如果你想先掌握 Google Display Network 的整體概念,可參考我們的 GDN 完整教學。)

PopularDisplayAdsSize

displayadspopularsize

製作 Display Ads 時,有兩個基本要點要留意:

  • 多媒體廣告(橫幅廣告)檔案大小:動手前,先看清楚 banner 的檔案大小。無論用哪種格式,都要控制在 150kB 以內。若靠網上轉換器硬改檔案大小,banner 往往會變得模糊不清。所以由設計第一步起就要顧及這點,令素材在原始格式下已經夠細。

  • 行動呼籲(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)是全球最常用的圖像檔案格式,常見於社交媒體廣告、網站,甚至傳統印刷。這個格式以其創立者「Joint Photographic Experts Group」(聯合圖像專家組)命名。

優點:

  • 可選用的顏色數量龐大
  • JPG 檔案有低、中、高質素可供選擇

缺點:

  • 這種格式屬有損壓縮(Lossy)。簡單來說,有損格式在你壓細檔案時,畫質會隨之逐步下降。看看以下例子,就明白壓細檔案之後會變成怎樣。JPEGCOMPARSION

創建所需的工具

坊間有很多軟件可以製作 JPEG,較常用的是 Adobe Illustrator 或 Adobe Photoshop……如果你夠功力,理論上用小畫家都做得到……

2.PNG

PNG 是另一種重要的圖像檔案格式,屬無損格式,因此你可以隨意編輯圖像而不損畫質。

PNG 是 Portable Network Graphics 的縮寫,廣泛用於網頁設計,但並不適用於印刷(Print)。

優點:

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

缺點:

  • 檔案大小相對 JPEG 較大

創建所需的工具

同樣有很多軟件可以製作,較常用的是 Adobe Illustrator 或 Adobe Photoshop……如果你夠功力,理論上用小畫家都做得到……

3.GIF

GIF 動畫和靜態格式都用得着,但一般人都偏向用動畫版本。世界各地的廣告商都廣泛使用 GIF,因為它製作簡單,毋須任何程式編寫知識就能完成,在網上亦隨處可見。時至今日,正因為製作方便,不少人都以 GIF 格式在 Google 投放橫幅廣告。

我們建議每個 GIF 最多用三張圖片(合共不超過 150KB)。若超過 3 張,每張圖能分到的容量就很少,畫質亦會因此受影響(看起來會粗糙、模糊而鬆散)。

優點:

  • 製作簡單,毋須任何程式編寫知識就能完成

缺點:

  • 逐格儲存動畫,令檔案容易變大
  • 最大的缺點是 GIF 只能顯示 256 種顏色,因此 GIF 動畫的畫質難以做到最理想

Google對GIF動畫的要求:

長度: 30秒或更短

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

速度: 低於5 FPS

創建所需的工具

同樣有很多軟件可以製作,較常用的是 Adobe Illustrator 或 Adobe Photoshop

4.HTML5

Flash 早已壽終正寢,Google 多媒體廣告聯播網自 2017 年起不再接受 Flash 廣告,改由 HTML5 動畫廣告取而代之,時至今日 HTML5 仍是動畫廣告的主流格式。它以 JavaScript 和 CSS 製作,可以做出精彩的過場及動畫效果。

如果你用 Google Web Designer 製作 HTML5,記得將輸出檔案匯出成 .zip 檔案夾。很多人以為 .zip 檔案夾要先解壓縮,其實不用,製作 Google 展示型廣告時,直接把 .zip 檔案上載到 Google 廣告平台就可以了。

優點:

  • 它是開放的網絡標準格式,所有瀏覽器和作業系統都支援
  • 檔案大小比動畫 GIF 更細
  • 可以嵌入音效、影片及多媒體內容

缺點:

  • 每逢 Android、iOS 或 Windows 系統有更新,往往要用 HTML5 開發工具相應修改程式碼
  • 要真正掌握程式語言,需要多年實踐和鑽研;不過你也可以用 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廣告的要求:

如果你打算用 HTML5 廣告來投放 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 廣告不同,AMP 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