臉書 Facebook 圖片尺寸大全:企業專頁與個人品牌視覺經營必備指南

Facebook 臉書圖片尺寸指南:企業專頁與個人品牌視覺經營必備

身為 Facebook 臉書全球用戶黏著度最高的臺灣,如果不善用視覺內容很難在現下資訊爆炸的環境裡岀位。2017 我們的《2017 臉書廣告圖像尺寸指南》受到不少網友轉分享和收藏,足見即使 Facebook 不斷提高經營的條件門檻(從 2016 起不斷調整演算法令專頁經營者不得不開始投放廣告,Facebook 更在 2018 年初 Mark Zuckerberg 一聲令下再次調整品牌專頁出現在用戶動態牆機率),臺灣多數經營者依舊無法離開 Facebook(事實上大概只剩下現在成年人還支撐著,再過幾年將進入大洗牌階段,從五月天因高中生轉抱 Instagram 而開設 Ig 帳號新聞便可看見端倪)。有鑑於此,2018 就讓我們一起用更好的圖片尺寸豐富自己朋友或專頁粉絲的互動體驗開始吧!

 


Table of Content
  1. Facebook 臉書大頭貼照片尺寸
  2. Facebook 封面尺寸臉書
  3. Facebook 臉書分享連結預覽圖(Thumbnail)尺寸
  4. Facebook 臉書動態時報圖片尺寸
  5. 多張圖片至個人動態/品牌專頁
  6. 活動圖片
  7. 不使用 Photoshop 也能編輯圖片的選擇
  8. 視覺已是標配,品質才是重點

 



 

Facebook 臉書大頭貼照片尺寸

嗯?不就是正方形嗎?如果你只用肉眼看的話就是正方形,但事實上並不是,而是接近的 178 x 180 px!所以現在就還是來看看大頭貼照顯示尺寸吧:

Facebook 大頭貼照片尺寸

  • 桌機展示大頭貼尺寸 178 x 180 px
  • 行動展示大頭貼尺寸 128 x 128 px



Facebook 封面尺寸

臉書發展至今,走出了三個顯眼的方向:

  • 個人帳號
  • 品牌專頁
  • 品牌群組

不過很神奇地,三者很多的素材尺寸規範都沒有被統一起來,不難知道在一間企業裡的橫向合作有多麼重要,因為產物(無論產品或服務)才是真正顧客體驗的最大來源。Anyway,無論再怎麼不一樣,你也不太可能因為這樣的體驗而棄此平台不顧,所以還是把這些圖片尺寸記錄起來吧。

Facebook 個人帳號封面尺寸

Facebook 個人帳號封面尺寸

  • 桌機、筆電 820 x 312 px(比例 205:78)
  • 手機 640 x 320 px(比例 16:9)
  • 最低尺寸 399 x 150 px
  • 建議尺寸 1640 x 624 px(最大化圖片品質)

Facebook 專頁封面尺寸

Facebook 專頁封面尺寸

  • Facebook 提出之專頁封面尺寸 [桌機] 820 x 312 px、[行動] 640 x 360 px
  • 桌機版尺寸 829 x 315 px
  • 行動版尺寸 560 x 315 px(左裁切 158px、右裁切 134px)
  • 載入速度最快尺寸為 851 x 315 且檔案大小 ≤ 100kb

你一定覺得很奇怪為何此處光桌機便出現 2 種寬度,又與官方所提之尺寸不同,根據實測:Facebook 說的不一定準,這又回到前面 “組織橫向聯繫” 的重要……

Facebook 社團封面尺寸

Facebook 社團封面尺寸

老話一句:橫向聯繫很重要……

臉書在 Developer 官網建議使用的連結圖尺寸原文為:

使用至少 1200 x 630 像素以獲得最佳顯示。您應該至少使用 600 x 315 像素的圖像來顯示具有更大圖像的連結網頁貼文。 圖像大小最大可為 8 MB。

換言之,當你將轉貼分享擁有 Open Graph (a.k.a. OG) 圖片尺寸為 1,200 x 630 px 時,你將以 600 x 315 px 大圖形式呈現;反之,若你使用的圖小於 600 x 315 px 時,你將僅以小圖展示。二者的差異如下:

 

分享連結預覽圖 (Thumbnail)

 

當然,你不一定尺寸都會按照 1,200 x 630 px 或 1.9:1 比例製作,但只要大於前述的 600 x 315 px 下限,你都可以獲得較佳的預覽圖尺寸。



Facebook 臉書動態時報圖片尺寸

或許你還不是 “重度視頻使用者”(最好還是趕緊養成這類習慣,畢竟已經有不少數據支持 Video is The Future of Content Marketing),所以圖片可能是你最常產出的視覺內容(Visual Content),那麼上傳圖片至 Facebook 便成了你在用戶生活動態牆(News Feed)裡突出的重要步驟。

橫式 (Landscape) 圖片

當你上傳的圖片為橫式比例時,在用戶點擊相片查看細節之前,你的圖片將等比例壓縮至寬度 476 px。舉例來說,如果你上傳一張 1,200 x 800 的圖:

 

Facebook 圖片應用:上傳一張 1,200 x 800 的圖

 

上傳後你將等比獲得一張 476 x 317 px 的預覽圖:

 

Facebook 圖片尺寸:一張 476 x 317 px 的預覽圖

 

直式 (Vertical) 圖片

當你上傳的圖片為直式比例時,在用戶點擊相片查看細節之前,圖片將同樣等比例壓縮至寬度 476 px 展示。舉例來說,如果你上傳一張 800 x 1,200 的圖:

 

Facebook 圖片尺寸應用:直式 (Vertical) 圖片

 

正方形圖片

如果上傳一張正方形圖片時,在用戶點擊相片查看細節之前,圖片將同樣等比例壓縮至寬度 476 px 展示:

 

Facebook 圖片尺寸應用:正方形圖片

 

多張圖片至個人動態/品牌專頁

在臉書上,用戶被允許一次上傳多張相片至 Facebook 平台上,相信這你我都知道,但是你可能不知道:

排序第一的圖片規格將決定多張照片的顯示版型

這一段落將會告訴你因張數與比例而會出現的差異,與實際上的呈現會是如何。目前尚未有任何人針對所謂 “排序第一” 的圖安上一個正式名稱,就讓我們一起稱它為「主圖」,方便文章敘述。



如果你希望透由多張圖片構建不同的圖像版型,便請你從 3 張開始起跳,如此便可以開始擁有不同的版型。這裡舉兩個例子讓你快速理解當你妥善安排「主圖」時能創造的差異:

 

Facebook 圖片尺寸應用:多張圖片版型範例 #1

 

Facebook 圖片尺寸應用:多張圖片版型範例 #2

 

當主圖為直式圖片時的版型當主圖為正方形圖片時的版型有發現了嗎?是有明顯差異的,而要創造岀不同的版型,你便必須先決定「主圖」是什麼比例。

決定版型,再決定主圖

除非主圖帶有特定的訊息,否則盡可能先挑好自己需要的版型再選擇主圖,才不會到時騎虎難下,這個觀念必須先掌握。

在哪裡決定主圖呢?就在你上傳圖片的介面裡。

 

Facebook 圖片尺寸應用:決定版型,再決定主圖

 

看到了嗎?左手數來第一張便是主圖位置。流程相當簡單:

  1. 選取你要上傳的圖片,選取順序不影響主圖的選擇
  2. 將作為主圖的圖片拖曳至最左側
  3. 點擊上傳發佈

That’s it,一點不複雜,就是那麼簡單。這張主圖的比例,決定你的相片輯版型。

3 張橫式 (Landscape) 比例圖片

此組合將組成圖組版型:

  1. 上 476 x 237 px
  2. 下 237 x 158 px (2)

 

Facebook 視覺內容圖片尺寸應用:3 張橫式 (Landscape) 比例圖片範例

 

3 張直式 (Vertical) 比例圖片

此組合將組成圖組版型:

  1. 左 237 x 476 px
  2. 右 158 x 237 px (2)

 

Facebook 視覺內容圖片尺寸應用:3 張直式 (Vertical) 比例圖片範例

 

3 張正方形比例圖片

此組合將組成圖組版型:

  1. 上 476 x 237 px
  2. 下 237 x 237 px (2)

 

Facebook 視覺內容圖片尺寸應用:3 張正方形比例圖片範例

 

4 張或更多橫式 (Landscape) 比例圖片

此組合將組成圖組版型:

  1. 上 476 x 317 px
  2. 下 158 x 157 px (3)

 

Facebook 視覺內容圖片尺寸應用:4 張或更多橫式 (Landscape) 比例圖片範例

 

4 張或更多直式 (Vertical) 比例圖片

此組合將組成圖組版型:

  1. 左 317 x 476 px
  2. 右 158 x 157 px (3)

 

Facebook 視覺內容圖片尺寸應用:4 張或更多直式 (Vertical) 比例圖片範例

 

4 張或更多正方形比例圖片

此組合將組成圖組版型:

  1. 上 237 x 237 px (2)
  2. 下 237 x 237 px (2)

 

Facebook 視覺內容圖片尺寸應用:4 張或更多正方形比例圖片範例

 

活動圖片

無論你的原圖比例究竟為何,Facebook 都會將圖片以 16:9 比例縮放至 500 x 262 px 尺寸。

 

Facebook 視覺內容圖片尺寸應用:活動圖片範例

 

這裡有兩點必須注意:

  • 最佳瀏覽尺寸 1920 x 1080 px
  • 由於無論大小都將被縮放至 500 x 262 px,所以切勿應用字體過小的字型或級數過小的字級



不使用 Photoshop 也能編輯圖片的選擇

Lucky you,答案是 “YES”!但你可能要具備一些基礎的英文能力,才能駕馭這次要介紹的線上工具 — LANDSCAPE

 

不擅使用Photoshop的人可考慮使用LandScape

 

簡單來說 Landscape 是一款易於使用卻功能強大的圖片調整服務,能幫助用戶在圖片上傳完成後,依照圖像將運用之平台的尺寸需求進行調整圖片至適當尺寸,讓你的工作可以更輕鬆完成。

免費資源網路社群有提供相當清楚的 LANDSCAPE 教學,對於不擅使用 Photoshop 進行圖片編輯的人來說相當佛心。

視覺已是標配,品質才是重點

在 2018 的今天,經營品牌已經是每個人的日常,無論你是否為一個行銷人,都應該更熟悉以視覺創造品牌之道。這一篇文只能算是 Facebook 圖像應用的進階文,其真正目的都是在於之後的應用能夠更得心應手。當視覺已經成為人人必修課程,你應該更熟悉透過視覺營造品牌,透過《用圖像強化內容行銷影響力 — 圖庫應用指南》你將獲得更多創造高品質視覺的資源與教學,也才能在這一個年度裡站在品牌高度創造差異化。

 

H.H.F.

"Brainy is The New Sexy" - 數字成癮,企劃行銷經驗逾 12 年。自網路更廣泛被應用起,致力於透過資料擬定品牌發展策略並取得數字成長。