Facebook 封面照片(Cover Photo)是個人頁面和粉絲專頁中最顯眼的視覺元素,橫跨整個頁面頂端,是訪客進入你頁面時第一眼看到的內容。無論是個人用途、品牌行銷還是活動推廣,掌握正確的封面照片尺寸和設計原則,能有效提升頁面的專業度與吸引力。本指南提供最新的尺寸數據、安全區域說明,以及定期更新對 SEO 效益的分析。
Facebook 封面照片官方尺寸規範
| 頁面類型 |
桌面顯示尺寸 |
行動版顯示尺寸 |
建議上傳尺寸 |
| 個人頁面封面 |
820 × 312 像素 |
640 × 360 像素(含黑邊) |
820 × 462 像素 |
| 粉絲專頁封面 |
820 × 312 像素 |
640 × 360 像素(含黑邊) |
820 × 462 像素 |
| 社團封面 |
1640 × 856 像素 |
縮放顯示 |
1640 × 856 像素 |
| 活動封面 |
1920 × 1080 像素 |
縮放顯示 |
1920 × 1080 像素 |
| 最小寬度 |
400 像素 |
| 檔案大小 |
建議小於 100KB(JPG),PNG 可略大 |
| 支援格式 |
JPG、PNG |
個人頁面封面照片:820×312px vs 820×462px
這是許多用戶最常混淆的地方。Facebook 個人頁面封面在桌面瀏覽器的顯示尺寸為 820×312 像素,但行動版的顯示比例不同(約 640×360 像素),若直接上傳 820×312 的圖片,手機版本會顯示不完整或出現黑邊。
最佳解決方案是上傳 820×462 像素的圖片。這個尺寸兼顧了桌面版和行動版的顯示需求:
- 桌面版會顯示圖片的中間 820×312 區域(上下各裁切約 75 像素)。
- 手機版則顯示 640×360 的中央區域,不會出現黑邊。
行動版顯示:為什麼 400×150px 很重要
在 Facebook 行動 App 中,封面照片的顯示規則與桌面版不同:
- 封面圖片在手機螢幕上約顯示為 640×360 像素(16:9 比例)。
- 但早期資料中常見的「400×150px」是指舊版 App 的最小顯示尺寸。
- 現代設備解析度已大幅提升,使用 820×462 像素的設計能確保手機版的清晰顯示。
- 在設計安全區域時,以手機版 640×360 的中央可視範圍為基準最為保險。
設計安全區域詳細說明
封面照片有幾個區域可能被其他 UI 元素遮蔽,設計時必須考慮:
個人頁面安全區域
- 左下角:個人頭像(圓形,約 168×168 像素)會覆蓋封面照片的左下角。避免在圖片左側 200 像素、底部 100 像素的範圍內放置重要元素。
- 底部文字區:姓名、職業等個人資訊顯示在封面下方,不會遮蓋封面本身。
- 右側底部:「新增朋友」、「傳送訊息」等按鈕位於右下角,不會直接覆蓋封面。
粉絲專頁安全區域
- 頁面 Logo 位置:粉絲專頁的圓形 Logo 圖片(約 168×168 像素)疊加在封面左下角。
- 「傳送訊息」按鈕:顯示在右下角,不遮蓋封面主體。
- 頁面名稱文字:顯示在封面照片下方的白色背景區域,不影響封面設計。
封面照片格式選擇建議
JPG 格式
適合相片類封面,壓縮效果好,建議將檔案大小控制在 100KB 以內以確保快速載入。品質設定建議 80–90% 之間,在視覺效果與檔案大小間取得平衡。
PNG 格式
適合含文字、Logo 或需要精準色彩呈現的設計型封面。PNG 無損壓縮能保持文字邊緣銳利,避免 JPG 壓縮產生的偽影(Artifact)。
定期更換封面照片的 SEO 好處
在 Facebook 上定期更新封面照片不僅是視覺更新,更有實際的演算法效益:
- 提升頁面活躍度:Facebook 演算法偏好持續更新的頁面。更換封面照片會被視為一次頁面活動,有助於提升自然觸及率。
- 動態消息曝光:更換封面照片後,系統會在部分粉絲的動態消息中顯示「[頁面名稱] 更換了封面照片」,提供免費的有機曝光。
- 季節性行銷:配合節日、活動或產品發布更換封面,能強化時效性行銷的視覺效果,也讓訪客感受到頁面的活躍度。
- A/B 測試機會:定期更換封面讓你能測試不同設計對頁面互動率的影響,從數據中找出最有效的視覺策略。
封面照片設計最佳實踐
- 使用高對比度設計,確保在不同裝置和螢幕亮度下都清晰可辨。
- 若封面包含文字,字體大小建議不低於 48pt(以 820×312 為基準),確保行動版也能清晰閱讀。
- 考慮封面照片與頭像的整體視覺協調性,兩者應在色系或主題上相互呼應。
- 避免將重要元素放置在圖片的極左、極右或極底部,這些區域在行動版可能被裁切。
- 使用 sRGB 色彩模式輸出,確保顏色在不同螢幕上的一致性。
在瀏覽器裡直接完成,檔案不會離開你的電腦:圖片調整尺寸