電子郵件圖片尺寸調整指南：提升開信率與顯示效果
掌握電子郵件行銷圖片的最佳尺寸設定，確保圖片在各種郵件用戶端正確顯示，提升電子報的專業度與閱讀體驗。
立即試用我們的免費工具
無需註冊，100% 本機處理。
電子郵件行銷是數位行銷的重要管道，而圖片的正確設定往往是成敗關鍵。不當尺寸的圖片可能導致版面跑掉、載入緩慢，甚至被郵件系統標記為垃圾郵件。
電子郵件有別於網頁，其顯示環境更加複雜：Outlook、Gmail、Apple Mail 等不同用戶端的渲染方式各有差異，行動裝置和桌面版的顯示也不相同。因此，電子郵件圖片的優化需要特別注意。
本指南將幫助您了解電子郵件圖片的最佳實踐，包括建議尺寸、檔案格式、檔案大小限制，以及確保圖片在所有裝置和郵件用戶端都能正常顯示的技巧。
目錄
電子郵件版面的標準尺寸規範
郵件整體寬度：最常見為 600 像素，相容大多數郵件用戶端和螢幕尺寸。
頁首橫幅圖片：600 x 200 像素，用於品牌識別和視覺吸引，不宜太高。
內文圖片：寬度 500 至 600 像素，高度視內容而定，單欄設計最相容。
CTA 按鈕圖片：如使用圖片按鈕，建議 200 x 50 像素，但更推薦使用 HTML 按鈕。
不同類型電子郵件的圖片建議
電子報：主視覺圖片 600 x 300 像素，配合文字說明，圖文比例約 40:60。
促銷郵件：產品圖片 600 x 400 像素，清晰展示商品細節和特色。
歡迎信件：品牌 Logo 和形象圖，控制在 600 x 200 像素內，保持簡潔。
交易確認信：圖片最少化，以文字為主，確保各種環境下都能正確傳遞信息。
行動裝置郵件的圖片優化
超過 50% 的電子郵件在行動裝置上開啟，必須確保圖片在小螢幕上也能清楚顯示。
使用響應式設計：圖片寬度設為 100%，讓其自動適應不同螢幕寬度。
考慮 Retina 螢幕：準備 2 倍尺寸的圖片，但透過 CSS 限制顯示大小。
字體大小與圖片可讀性：確保圖片中的文字在行動裝置上依然清晰可讀。
電子郵件圖片的效能與傳遞性
控制郵件總大小：整封郵件建議控制在 100KB 至 150KB，避免被過濾或載入緩慢。
使用外部圖片連結：將圖片上傳至 CDN，在郵件中使用 URL 引用，而非內嵌圖片。
設定 alt 替代文字：許多用戶預設不顯示圖片，alt 文字確保信息仍能傳達。
避免純圖片郵件：文字與圖片混合的郵件傳遞率更高，不易被歸類為垃圾郵件。
推薦工具
按像素或百分比調整圖片大小。保持比例或設定自訂尺寸。免費快速。...
簡單 3 步驟教學
確認郵件版型寬度（通常為 600 像素），計算圖片的最大顯示尺寸。
將圖片上傳至調整工具，設定寬度為 600 像素，高度按比例自動計算。
選擇 JPEG 格式（照片）或 PNG 格式（圖形），調整壓縮品質確保檔案小於 100KB。
為圖片準備行動裝置版本，確保在小螢幕上的視覺效果和可讀性。
將圖片上傳至圖片伺服器或 CDN，取得 URL 後嵌入郵件模板中。
專家技巧
- 保留原始版本。
- 測試多個品質設定。
- 可用時使用 WebP。
- 選擇描述性的檔名。
應避免的常見錯誤
- ✗使用過大的圖片檔案導致郵件載入緩慢，用戶在圖片顯示前就已離開。
- ✗製作純圖片電子郵件，完全沒有文字，導致高垃圾郵件評分和無障礙性問題。
- ✗忽略 Outlook 不支援某些 CSS 樣式的問題，導致在 Windows 上顯示異常。
- ✗沒有設定圖片的 alt 替代文字，當用戶封鎖圖片時無法了解內容。