Facebook的大頭貼和封面是品牌粉專給訪客的第一印象，但這兩個圖片的裁切規則比想像中複雜。大頭貼會被裁成圓形、封面在電腦和手機上的顯示範圍不一樣、多圖貼文的排列方式又會隨張數改變。搞不清楚這些規則，設計出來的圖片就會被平台裁切成奇怪的樣子。這篇從FB大頭貼、封面圖片到多圖貼文的排列邏輯，一次講清楚，順便分享幾個實用的設計技巧。
FB大頭貼尺寸與設計技巧
FB大頭貼的建議上傳尺寸是 1080 x 1080px（1:1正方形），上傳後系統會自動裁切成圓形顯示。實際顯示大小在電腦版是176x176px、手機版是132x132px，但上傳高解析度的原圖可以確保縮放後依然清晰。
大頭貼圓形裁切的設計技巧
因為大頭貼最終會被裁成圓形，設計時最怕的就是重要元素（文字、LOGO邊緣）剛好被切掉。一個實用的做法是在設計軟體裡預先確認圓形範圍：
- 在Adobe Illustrator（AI）或Photoshop中，建立一個1080×1080的畫布
- 新增一個圖層，畫一個和畫布等大的圓框（直徑1080px）
- 所有重要的視覺元素（LOGO、文字）確保在圓框範圍內
- 輸出時關掉圓框圖層，匯出正方形圖片即可
這樣上傳到FB之後，圓形裁切的範圍和設計預覽會完全一致，不會有意外被切掉的問題。Canva等線上工具也有內建的圓形裁切預覽功能，操作原理相同。
FB封面圖片設計要點
FB封面的麻煩之處在於，同一張圖在電腦和手機上的裁切範圍不一樣。如果只照電腦版的顯示來設計，手機版打開可能重要文字就被切掉了。
電腦版與手機版的裁切差異
建議上傳尺寸是 1200 x 675px（16:9比例）。電腦版顯示區域約820x312px，手機版約640x360px。手機版比電腦版窄但高度多一些，裁切邏輯是從圖片中央向外擴展。
設計時的安全做法是：把所有重要的文字和LOGO放在圖片正中央約820×312的範圍內。這個區域不管在電腦還是手機上都不會被裁掉。邊緣的部分用純色背景或裝飾性圖案填充，就算被裁掉也不影響。
封面影片的注意事項
FB粉專封面也支援影片，長度建議在90秒以內。上傳時可以選擇是否循環播放，但預設會靜音播放。封面影片在手機版的裁切規則和靜態圖片一樣，重點畫面盡量集中在中央。
FB多圖貼文的排列邏輯
Facebook在顯示多圖貼文時，會根據上傳的張數自動決定排列方式。了解這個排列邏輯，才能設計出排版好看的多圖貼文，也才做得出「藏圖」效果。（尺寸速查表請參考：2026年FB/IG圖片尺寸完整整理）
兩張圖片的排列
FB會根據第一張圖的方向來決定排列方式。如果第一張是直式，兩張會左右並排。如果第一張是橫式，兩張會上下堆疊。
建議兩張圖用同樣的尺寸和方向，視覺上會比較整齊。
三張圖片的排列
三張圖的排列是「一大兩小」。第一張佔據較大的版面，第二和第三張縮小排在旁邊。第一張的視覺效果決定了整則貼文的吸引力。
四張以上圖片的排列
四張以上會形成「一大三小」或田字格的排列。多出來的圖片會被隱藏在最後一格的「+N」遮罩後面。
如果所有圖片都用1080×1080方形，系統會自動排成田字格，是最省事也最不容易出錯的做法。
FB藏圖的設計方法
藏圖是利用FB多圖貼文的排列邏輯，讓多張圖拼起來組成一張完整的大圖或特殊視覺效果。這種手法在品牌粉專的行銷貼文中很受歡迎，能讓貼文在動態牆上特別吸睛。
藏圖的設計步驟
- 先決定要用幾張圖（最常見是4張田字格或9張九宮格）
- 確認對應張數的FB排列方式（前面已整理）
- 在設計軟體中建立完整的大圖
- 按照排列方式把大圖切割成對應的區塊
- 每張圖的邊緣預留2~4px的間距空間
- 上傳前在測試帳號先發一次確認排列正確
4張田字格藏圖建議每張都用1080x1080px。9張九宮格同樣每張1080x1080px，但FB在顯示時只會前面幾張露出，第5張之後會被「+N」遮住，設計時要把最重要的視覺放在前4張。
常見問題
FB大頭貼上傳後變模糊怎麼辦？
通常是上傳的圖片解析度太低。FB大頭貼雖然顯示只有170x170px左右，但上傳時建議用1080x1080px的高解析度圖片，系統縮放後品質會好很多。另外檔案格式建議用PNG（無損壓縮），避免用JPG壓縮後畫質下降。
FB和IG大頭貼可以用同一張嗎？
可以。兩個平台的大頭貼都是圓形裁切，建議都用1080×1080的正方形圖，上傳後各自調整裁切位置就好。LOGO型的大頭貼兩邊用同一張最省事，人物照可能需要根據各平台的裁切比例微調構圖。
封面圖片該以電腦版還是手機版為主？
以手機版為主。台灣超過8成的社群使用者習慣用手機瀏覽，手機版的封面是大部分訪客第一眼看到的。設計時把重要內容集中在手機版的安全區域（中央640x360px範圍），電腦版就不會出問題。
About Author
