【社群經營】小編必備的 Facebook 圖片及影片尺寸 (粉專、社團相關設定,2022 年更新)

Facebook image and video size / Facebook 圖片及影片尺寸懶人包


要成為專業的社群小編先來搞懂 Facebook 圖片、影片的最佳尺寸,它能幫助你的粉絲專頁和社團建立更好的視覺感受度。這篇介紹讓你不用猜老半天,輕鬆搞懂所有頭像、封面、貼文的基本設定。

網路上有許多關於 FB 圖片尺寸的分享,不過內容上還是存在著一些差異。所以筆者經由過濾、實驗幫大家整理出合宜的內容,如果有任何建議或疑問,歡迎一起加入討論!

先看完文章內容,再來下載 圖片版型懶人包 吧!(PSD 檔)


FB 頭像尺寸 (Profile Picture Size)

頭像要用在 FB 個人帳號、粉絲專頁、社團上,基本上只要把圖片設定為方形 (寬高比例 1:1) 就沒問題了,不過在桌機上顯示至少要有 170x170 px,智慧型手機上則是 128x128 px。

如果想達到圖片的最高品質,可以考慮上傳單一圖片 2048 x 2048 px 來做最佳化。貼心提醒,因為頭像都會做圓形裁切,重要內容、Logo 別忘了要放進裁切範圍內!

建議尺寸:1200 x 1200 px
最大尺寸:2048 x 2048 px (最佳畫質)
最小尺寸:170 x 170 px (FB 要求)
圖片比例:1:1

FB 頭像尺寸 (Profile Picture Size)

(參考來源 1:FB 頭像官方說明)
(參考來源 2:FB 圖片品質建議,長邊設定為 2048 px)


FB 封面尺寸 (Cover Photo/Video Size)

FB 粉絲專頁的封面區分為桌面版本 (820 x 312 px,比例 2.63:1)、行動版本 (640 x 320 px,比例 2:1) 的設定,建議採用「桌面比例」會比較適合對應各種裝置。不過左右兩側部分內容會被裁切,所以重點內容請務必「置中」,另外儲存為小於 100 KB 的 sRGB JPG 檔案更有利於載入速度。

有考慮封面的最佳畫質表現,可依桌面版本的比例 (2.63:1) 放大使用,粉絲專頁封面最大可擴充至 2048 x 779 px。

建議尺寸:1200 x 457 px
最大尺寸:2048 x 779 px (最佳畫質)
最小尺寸:820 x 312 px (FB 要求)
圖片比例:2.63:1

FB 封面尺寸 (Cover Photo/Video Size) (粉專)

(參考來源:FB 專頁封面官方說明)


有在經營 FB 社團的朋友則要留意一下社團封面的設定,它的和粉絲專頁不太一樣,採用 1.91:1 比較窄的圖片設定。FB 有特別說明封面上下分別會被裁切掉 96px,行動版本顯示比較正常,桌面版本則會有比較多內容被裁切,設計時可以多留意一下效果!

建議尺寸:1640 x 856 px
最大尺寸:2048 x 1069 px (最佳畫質)
最小尺寸:1640 x 856 px (FB 要求)
圖片比例:1.91:1

FB 封面尺寸 (Cover Photo/Video Size) (社團)

(參考來源:FB 社團封面官方說明)


FB 貼文圖片尺寸 (Photo Post Size)

常在 FB 貼文中出現的圖片形式,大概區分為一張、兩張、三張、四張 (含以上),分別註解一下不同形式的重點:

1 - 單圖貼文

單張圖片建議可以設計為 1:1 方形,或是 2:3 直式的照片,選擇方形能在桌機、行動裝置上都有最佳的「視覺感受度」,而使用直式 2:3 的優點是「顯示面積最大」,方便提供最完整的圖片資訊。

雖然橫式、直式圖片能適應多種比例,但太扁的圖片比較不方便閱讀,太窄的圖片則會在左右兩側被填補色塊,貼文應用時也要列入考量。

方形建議尺寸:1200 x 1200 px (1:1 方形)、1200 x 1800 px (2:3 直式)
最大尺寸:2048 x 2048 px (1:1 方形)、1365 x 2048 px (2:3 直式)
圖片比例:1:1、2:3

FB 貼文圖片尺寸 (Photo Post Size) (單圖)

2 - 雙圖貼文

如果貼文只會用到兩張圖片,建議使用「相同比例」比較好。第一張圖片的比例會決定版面是直式或橫式,重要內容盡量設定在中間,超過建議比例的部分會被裁切。

雙圖貼文也盡量避免使用兩張方形圖片,並排展示比較浪費閱讀範圍,需要使用方形可以改用四張圖片。

橫式建議尺寸:1200 x 600 px (主圖)、1200 x 600 px (副圖)
橫式最大尺寸:2048 x 1536 px (主圖)、2048 x 1536 px (副圖)
圖片比例:2:1

FB 貼文圖片尺寸 (Photo Post Size) (雙圖橫式)

直式建議尺寸:600 x 1200 px (主圖)、600 x 1200 px (副圖)
直式最大尺寸:1536 x 2048 px (主圖)、1536 x 2048 px (副圖)
圖片比例:1:2

FB 貼文圖片尺寸 (Photo Post Size) (雙圖直式)

3 - 三圖貼文

三圖貼文同樣區分為直式及橫式,主圖 (第一張圖) 的比例會直接影響版型,副圖則會轉換成方形預覽。如果沒有依照建議比例,在範圍以外的內容同樣會被裁切掉。

另外提醒一下,三圖貼文請避免使用方形圖片,不然整體檢視會變得非常小。若必須使用方形,推薦使用四張圖片會比較恰當。

橫式建議尺寸:1200 x 600 px (主圖)、1200 x 1200 px (副圖)
橫式最大尺寸:2048 x 1536 px (主圖)、2048 x 2048 px (副圖)
圖片比例:2:1 (主圖)、1:1 (副圖)

FB 貼文圖片尺寸 (Photo Post Size) (三圖橫式)

直式建議尺寸:600 x 1200 px (主圖)、1200 x 1200 px (副圖)
直式最大尺寸:1536 x 2048 px (主圖)、2048 x 2048 px (副圖)
圖片比例:1:2 (主圖)、1:1 (副圖)

FB 貼文圖片尺寸 (Photo Post Size) (三圖直式)

4 - 四圖 (含以上) 貼文

如果貼文會使用四張圖片 (或以上),圖片會有三種形式出現,分別為橫式、直式及方形。如果有要傳達的重點內容,可以將其設為主圖,比例可以考慮設定為橫式或直式呈現。副圖都會以中心裁切為方形,預設為方形應該是最恰當的設定。

橫式建議尺寸:1200 x 800 px (主圖)、1200 x 1200 px (副圖)
橫式最大尺寸:2048 x 1365 px (主圖)、2048 x 2048 px (副圖)
圖片比例:3:2 (主圖)、1:1 (副圖)

FB 貼文圖片尺寸 (Photo Post Size) (四圖橫式)

直式建議尺寸:800 x 1200 px (主圖)、1200 x 1200 px (副圖)
直式最大尺寸:1365 x 2048 px (主圖)、2048 x 2048 px (副圖)
圖片比例:2:3 (主圖)、1:1 (副圖)

FB 貼文圖片尺寸 (Photo Post Size) (四圖直式)

如果不考慮主圖、副圖關聯性,四張圖片 (含以上) 最推薦完整使用「方形構圖」,不僅視覺對稱好看,同步轉發至 IG 也最適合。

方形建議尺寸:1200 x 1200 px
方形最大尺寸:2048 x 2048 px (最佳畫質)
圖片比例:1:1

FB 貼文圖片尺寸 (Photo Post Size) (四圖方形)


FB 廣告及連結圖片尺寸 (Ads & Link Image Size)

投放 FB 廣告建議使用「方形構圖」,因為整體版面佔比較大,視覺感受會是最好的。貼文有時候會用轉發連結的形式發佈,請注意官網主圖尺寸要設定為 1200 x 628 px,才能避免圖片內容被裁切掉。

廣告建議尺寸:1200 x 1200 px
圖片比例:1:1
連結圖片建議尺寸:1200 x 628 px
圖片比例:1.91:1

FB 廣告及連結圖片尺寸 (Ads & Link Image Size)

FB 廣告及連結圖片尺寸 (Ads & Link Image Size)


FB 限時動態 (Stories)

如果希望是滿版設計,尺寸可以設定為 1080 x 1920 px。為了避免重點資訊被遮蔽,上下可以預留 150 px 的空間,而置入圖片的最小尺寸為 500 x 500 px。

FB 和 IG 的限時動態都是以直式呈現,不過 FB 不需要超過 10,000 人追蹤,也能在限時動態裡置入上滑連結,所以 FB 有需要也能加入上滑提醒。

限時動態建議尺寸:1080 x 1920 px
圖片、影片比例:9:16
限時動態最大長度:20 秒 (影片)、10 秒 (圖片)

FB 限時動態 (Stories)



延伸閱讀:

【行銷手札】免費圖庫網站推薦,社群、內容行銷秒強大
【行銷手札】創業者的好夥伴,品牌 Logo 設計服務 DesignEvo
【行銷手札】現在開始也不嫌晚,你該經營的 4 種「網路影響力」
【行銷手札】短網址服務推薦,縮短網址、流量分析一次搞定
【行銷手札】免費、免安裝的線上心智圖 GitMind,企劃、分享、協作通通搞定
【網站 SEO】善用 Google Search Console 加速網站曝光效率
【網站 SEO】優化圖片設定,讓網頁 SEO 神進步
【網站經營】利用 web.dev 測量工具幫網站健檢,找出 SEO 及使用者體驗問題

-------------------------------

更多內容,歡迎關注『布蘭特大叔』

部落格:https://bit.ly/UB-WebSite
FB 專頁:https://bit.ly/UB-FB
YouTube 頻道:https://bit.ly/UB-YouTube

張貼留言

0 留言