2024 年電子報尺寸指南

本文已更新以確保內容的準確性和相關性

乍看之下，電子報的尺寸似乎微不足道，但實際上卻相當重要。

優秀的設計不僅賞心悅目，更能決定你與觀眾之間關係的成敗。

如果你忽視電子報大小的最佳實踐，你的行銷活動就會失準。就像一台不斷咳嗽喘氣、永遠無法發揮全力的引擎一樣，你的電子郵件將無法產生最大的影響力，而你的讀者可能在了解你的內容有多精彩之前就失去興趣了。

別讓電子郵件的尺寸這種小事阻礙你與訂閱者建立長久、緊密的關係。你的設計應該要能夠突顯內容，並且持續吸引讀者的興趣，讓他們保持高度參與。

運用最佳的電子郵件設計策略，放大你最優質的內容效果，並強化與讀者的關係。

電子報尺寸：為何要在意？

創作者投入大量時間和金錢資源在電子郵件設計上值得嗎？簡單來說：當然值得！

電子報尺寸很重要，原因如下：

1. 大小不合適的電子郵件範本無法達到最大效果，而且視覺上也不吸引人： 糟糕的 美感會惹惱使用者，導致有些人甚至不閱讀就直接刪除你的郵件。

2. 大小不適當的電子報可能會隱藏對你行銷策略至關重要的資訊： 如果你的電子郵件隱藏了重要資訊，你就無法完整傳達你的訊息並達成業務目標。

3. 尺寸不對的電子郵件會嚴重影響使用者體驗： 這會讓訂閱者難以瀏覽郵件內容並找到他們想要的資訊。

4. 設計不良的電子郵件會損害你品牌形象： 如果你發送的電子郵件版面配置不佳，訂閱者就不會認真看待你的品牌。

5. 尺寸不當的電子報很可能無法在手機上正常顯示： 根據 emarketer.com 在 2023 年的研究顯示，大多數讀者（約 55%）會使用手機閱讀你的電子報。因此，請務必針對手機用戶的需求來優化你的設計。

幸運的是，電子郵件的尺寸很容易修正，而且效果顯著。

1. 精美的電子報讓讀者感到愉悅並提高參與度： 電子報的視覺設計會影響讀者對你的電子報的第一印象。

2. 完美大小的電子郵件能正確顯示所有重要資訊： 只有當你的讀者擁有所有需要的細節時，你的行動呼籲才會有意義。

3. 適當長度的電子報讓重要資訊一目了然： 你希望快速瀏覽的讀者也能輕鬆閱讀你的電子報，而優秀的電子報設計能讓人輕易找到關鍵資訊。

4. 優質的電子郵件設計能提升品牌形象： 出色的電子郵件設計能讓你的電子報從「不錯」提升到「專業」的水準。

毫無疑問，電子報的尺寸對你的電子報成功與否至關重要；整體而言，設計在提升你的內容品質上扮演著極為重要的角色。

舉例來說，看看 SamRyanStudio 電子報 的 Sam Ryan。他先在 Instagram 上累積了大量粉絲，之後在 beehiiv 上也獲得了成功。他的視覺內容非常吸引人，這讓他的讀者每週都會回來欣賞更多作品。

我們已經確定電子郵件的尺寸很重要，但究竟我們在討論哪些尺寸呢？

電子報尺寸指南（2024 年最佳大小）

這裡有一張圖表，列出了電子報的精確尺寸。

既然你已經對電子報各個元素的大小有了整體概念，現在讓我們深入探討每個細節吧。

範本寬度：600 像素

根據電子郵件設計的最佳實踐，理想的電子報寬度為 600 像素。這個數字已經成為多年來的標準。

如同我先前提到的，現在大多數人都用行動裝置 開啟電子郵件 已經不是什麼秘密了。

話雖如此，許多使用者仍然在桌上型電腦和平板電腦上開啟電子郵件。根據 StatCounter 在 2024 年 4 月的全球行動裝置螢幕解析度統計，以下是桌上型電腦、行動裝置和平板電腦最常見的六種螢幕解析度大小：

身為電子郵件行銷人員，你要如何協調這些數字呢？其實很簡單。你只需找出適用於所有裝置的最佳寬度。這個神奇的數字就是 600 像素。沒錯，你的電子郵件範本可以更寬一些，在某些裝置上仍能正常顯示，但如果你希望你的電子郵件在大多數裝置上都能正確呈現，600 像素就是最安全的選擇。

看看這封來自 Sally Beauty 的電子郵件在我的桌機上的顯示效果：

現在，來看看同一封電子郵件在我的手機上的呈現方式：

由於兩者都使用相同的模板寬度（600 像素），這封電子郵件在兩種裝置上都看起來很棒。

這裡有一個來自 The Boston Globe 的絕佳範例：

這封電子報的寬度是 670 像素，比建議的 600 像素稍微大一些，但仍然可以在所有裝置上正常顯示。盡量將你的電子報範本寬度保持在接近 600 像素，以確保無論你的讀者使用什麼方式閱讀，電子報都能呈現最佳效果。

範本高度：1500 像素

接下來，我們來看看模板高度。

一般來說，高度或長度最好不要超過 1500 像素。

雖然你可以將電子郵件長度設定到 3000 像素，但郵件越長，讀者失去興趣而中途退出的機率就越高。此外，郵件越長，收件人就必須滾動更多才能看到底部。要長時間保持收件人的專注度是需要更多努力的。

對於那些必須突破 3000 像素高度限制的特殊行銷活動，請確保你的訊息內容足夠吸引人，能夠讓讀者從頭到尾都保持興趣，閱讀完整篇文章。

當你撰寫較長的電子郵件時，要策略性地放置你的行動呼籲。電子郵件中的「折線」是指你必須向下滾動才能看到郵件其餘內容的那條線。

你可以把行動呼籲放在首屏可見區域的上方或下方來最大化用戶參與度。這兩種位置各有優點。

置於頁面頂端可以讓你的行動呼籲直接呈現在讀者眼前，無需滾動頁面。放在頁面底部則能將行動呼籲展示給那些閱讀到電子報結尾、最投入且想採取下一步行動的讀者。

回到模板高度的話題，這裡有一個來自 Payload 的案例研究，展示了另一種使用簡單程式碼設定模板高度的方法：

Payload 不是手動設定這份電子報的高度，而是使用了 height =" auto " 這段程式碼來自動調整高度，讓內容能夠根據預設的尺寸自動正確顯示。

電子郵件檔案大小：小於 100 KB

另一個至關重要的電子郵件面向是郵件檔案大小或容量。

你的電子郵件大小至關重要，因為電子郵件系統並非設計用來傳輸大型資料檔案。電子郵件的 HTML 程式碼越重，在訂閱者的收件匣中載入和顯示的時間就越長。相反地，你的電子郵件越輕量，載入速度就越快。

舉例來說， Gmail 會裁剪郵件 的上限是 102 kb——這意味著如果你的電子郵件超過這個容量，內容就會被截斷，導致你的讀者可能無法看到完整訊息（以及摺疊處以下的任何行動呼籲）。

有許多因素會影響你的電子郵件容量，例如使用圖片、動態圖檔或較長的文字內容。如果你的內容太多，無法控制電子郵件的容量，可以考慮將內容分成兩封郵件來發送。

這個策略對於提高讀者參與度特別有效，因為你的電子郵件越長，就越需要努力維持讀者的興趣。

請確保你的電子郵件大小不超過 100 kb，以避免任何問題。好消息是，100 kb 其實已經相當可觀，足以讓你充分發揮創意，客製化你的電子報。

想要確認你的電子郵件大小是否適當嗎？beehiiv 的 文字編輯器 會在你的郵件超過 102 kb 時顯示警告訊息：

電子郵件預覽文字

在討論標題大小之前，我們先來看看預覽文字。

電子郵件預覽文字是出現在主旨旁邊的簡短文字。它用來支持主旨的訊息。預覽文字的寬度等同於模板的寬度。

以下是來自 Grammarly 的範例 - 一個簡短精練的電子報前言：

技術電子郵件標頭

值得注意的是，在電子郵件中，「標頭」這個詞有兩種不同的意思。一種是我們今天要討論的設計用電子郵件標頭，另一種則是技術性的電子郵件標頭。

別把這兩者搞混了。電子郵件的技術標頭仍然是郵件中非常重要的部分，它包含了所有關於你的郵件的技術細節，包括收件人是誰、發送時間，以及郵件的來源地。

你在日常生活中可能不需要擔心你的技術標頭，但是熟悉它的細節還是很有幫助的。

以下是來自 LastPass 的技術電子郵件標頭範例。這些資訊不會自動顯示；你需要點擊電子郵件頂部的下拉箭頭才能查看：

設計電子郵件標頭高度：70-200 像素

你的電子郵件設計頁首是郵件的頂部區域，也是你的讀者打開郵件時第一眼看到的內容。

如果你的主旨列和預覽文字已經給讀者留下了良好的第一印象，那麼你的標題就是驅使讀者邁出下一步，真正開始閱讀你的內容的關鍵。

標頭的高度可以從 70 到 200 像素不等。請務必考慮你想在標頭中包含哪些資訊（如果有的話）。

以下是 LastPass 發送的同一封電子郵件中的一個例子：

這個頁首設計非常簡單，只有 LastPass 的標誌和一個小型橫幅圖案。

這個來自 POPFLEX 的範例也非常簡單，但包含了指向他們網站的連結，以鼓勵訂閱者進行購物：

在我最後一個頁首範例中，Renée Rouleau Skin Care 利用他們的頁首在首屏位置立即提供行動呼籲：

電子郵件橫幅：600 像素 x 730 像素

接下來，我們要看看橫幅——就在你設計的電子郵件標頭下方。

獨特的橫幅能吸引讀者注意你的電子郵件。電子郵件橫幅是位於郵件頂部的醒目圖像，用來吸引注意力。它通常包含以下任一元素：文字內容、公司標誌或行動呼籲。

Publish Press 充分利用了其電子郵件橫幅來達到最大效果：

這個橫幅是一個可點擊的動態 GIF，展示了公司的品牌商品。訂閱者點擊橫幅後會直接進入銷售頁面。

內容區塊總寬度：800 像素

現在我們來看電子報內容區塊的核心部分。

內容區塊是放置你的內容的版面容器。

你的內容區塊可以包含文字、行動呼籲、圖片、影片或 GIF。建議只使用少數幾個大型內容區塊，因為要在冗長的電子郵件中維持訂閱者的興趣是很困難的。

你所有的內容區塊寬度必須在 800 像素到 1200 像素之間。每個區塊的高度應該大約在 200 到 300 像素左右。

舉例來說，這裡有一份來自 Milkroad 的電子報。

這份電子報包含三個區塊：文字、圖片，再加上更多文字。較短的區塊能讓訂閱者更容易吸收內容。

在 New York Times 中的 書籍電子報 使用區塊來加入更多內容的連結，並以視覺方式分隔內容，讓閱讀更加輕鬆：

圖片大小

現在，讓我們來看看圖片尺寸。

你的行銷活動該有多大規模？這要看情況而定。

電子報圖片並沒有標準尺寸。你的目標決定了你要使用的尺寸。圖片的寬度應該和你的電子報寬度一致，而高度則視你的行銷活動需求而定。

行動呼籲

每封電子郵件都有一個總體目標。

行動呼籲或簡稱 CTA，正是體現了這個目標。

無論你想引導訂閱者到你的付費內容、課程或其他資源，你的行動呼籲都能指引你的讀者採取下一步行動。

出版商和內容創作者通常會將行動呼籲設計成超連結文字或按鈕。雖然 CTA 按鈕的大小會因活動類型而有所不同，但還是有一個建議的範圍可以參考。

根據 Research Gate 的研究，行動裝置上易於點擊的按鈕最佳尺寸介於 42 像素到 72 像素之間，或大約 11 到 19 毫米。另一項由 超讚電子郵件範例 進行的研究結果也落在相同範圍內，指出行動呼籲按鈕的平均高度為 47.9 像素。

beehiiv 讓你輕鬆地 製作你自己的按鈕 ，或是使用預製按鈕選單來放置你最常用的行動呼籲。

電子報大小指南

現在我們已經從頭到尾詳細探討了電子報的各個面向，讓我們把所有內容視覺化地整合在一起吧。

這裡有一張圖片，涵蓋了所有最新的電子報尺寸規格。

用 beehiiv 打造完美的電子報格式

使用 beehiiv，你可以輕鬆自訂電子報的尺寸和設計。

你可以編輯電子報的每個元素，包括大小、顏色、間距、字體、對齊方式、標題、行動呼籲按鈕等。

電子報尺寸規格（重點摘要）

總結來說，在設計你的電子報格式和大小時，請記住以下三個重點：

1. 電子郵件尺寸很重要： 使用正確的電子郵件尺寸可以最大化你的電子郵件影響力、提高互動率，並強化你的品牌形象。

2. 注意檔案大小： 如果超過 102 kb，你的電子郵件會被 Gmail 截斷。

3. 你的讀者會使用各種不同的裝置： 調整你的電子報範本大小，確保無論在什麼裝置上都能輕鬆閱讀。

總而言之，優質內容是關鍵所在。

無論你的電子報尺寸有多精準，或是設計有多出色，如果內容不夠優秀，你的行銷活動終究會失敗。優秀的設計能夠提升內容的效果，但絕對無法取代內容本身的重要性。

總而言之，精準的設計和出色的內容是一個強大的組合，能讓你的電子報內容閃閃發光。兩者結合起來，創造出一個完美的整體，打造出卓越的電子郵件行銷活動。

使用 beehiiv，你只需點擊幾下就能調整電子報的大小，還能收到電子報容量的警告提示，並且無需任何程式設計經驗就能製作出精美絕倫、世界級水準的電子報。

立即註冊 來製作完美尺寸的電子報！