GDN廣告格式比較：JPEG、GIF還是HTML5？

Google Display Ads 常見素材包括 JPEG、GIF、PNG、HTML5 及 Responsive Display Ads。不同格式在檔案大小、動畫、製作成本及版位支援方面都有分別。本文比較主要格式及 Google Ads 的基本規格。

1.Google Display 廣告接受哪些檔案格式？

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

3.每種格式各有甚麼好處和限制？

4.這些格式分別怎樣製作？

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

拆解每種格式之前，先看看 Google 上最多人用的幾個廣告尺寸。（如果你未接觸過 Google Display Network，可以先看我們的 GDN 完整教學。）

製作 Display 廣告，有兩件事一開始就要處理好：

• banner 的檔案大小要控制在 150kB 以內，無論用哪種格式都一樣。很多人做好素材才發現超標，再用網上轉換器壓縮，出來的 banner 就會模糊不清。所以設計的第一步已經要遷就這個上限，讓素材在原始格式下已經夠細。

• 網上的 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（聯合圖像專家組）。

優點

• 可用的顏色數量龐大
• 同一張圖可以輸出低、中、高三種質素

缺點

• JPEG 屬有損壓縮（Lossy），檔案壓得愈細，畫質就跌得愈多。看看下面的例子，就知道壓縮之後會變成怎樣。

製作工具

能做 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 種顏色，畫質有先天上限

Google 對 GIF 動畫的要求

動畫長度要 30 秒或以下，可以循環播放，但 30 秒後必須停止，播放速度亦要低於 5 FPS。

製作工具

能做的軟件同樣很多，一般用 Adobe Illustrator 或 Adobe Photoshop

4.HTML5

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, Creatopy 和 Bannerflow（我們自己做 HTML5 廣告一般用 Google Web Designer。）

用 Google Web Designer 製作 HTML5 廣告的步驟

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 寫，裡面可以加入各種智能元件。

優點

• 體積輕巧、載入更快，體驗自然更佳
• AMPHTML 廣告投放前一定要通過驗證，惡意軟件的風險因此大幅降低，客戶也更放心
• Google 廣告的說法是：「AMPHTML 廣告既可在 AMP 頁面（透過廣告管理系統的 AMPHTML 廣告標籤），亦可在非 AMP 頁面（透過 Google 發布商標籤）投放，涵蓋桌面及流動裝置的網絡環境。」

缺點

• 模糊效果、循環、動作 URL 及嵌入項目這些設定都用不到

製作工具

可以用的工具有 Google Web Designer, Onlymega, Creatopy 和 Bannerflow。（我們自己做 HTML5 廣告一般用 Google Web Designer。）

用 Google Web Designer 製作 AMP HTML5 廣告的步驟

Google 對 AMP HTML5 廣告的要求

AMP HTML5 廣告和 HTML5 不同，沒有消費門檻，也不看付款紀錄或 Google 廣告的投放年資。

真實數據（1/4/2019 - 30/6/2019）

注意： 下面的數據來自 2019 年的廣告活動，只作歷史參考，並非 2026 年的最新基準。

兩邊用的是同一套素材，訊息內容也一樣。

條件相同的情況下，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 廣告管理服務 →