WFU

2015年5月13日

網站設計:如何讓您的網站文章圖像不會被臉書裁切且呈現最佳樣貌?

符合臉書設計建議的圖像(點擊圖像可放大)

這個問題困擾不少人,因此這邊不搞起承轉合,直接講結論!XD

符合臉書建議的圖像尺寸:1200 x 628 像素


若您看過不少 片子 圖像,應該會不甘心地問:為啥米會是這個 size?

答:請參考官方的「設計建議」。

內文除了提到圖像尺寸,還提到圖像比例「1.9:1」。這當然不是常見圖像比例,例如 1:1、2:1、3:2、4:3、5:4 與 16:9,更不是黃金比例;真要探討原因,我想這就是「臉書比例」,因為臉書規則若被您猜到真正原因,就不叫臉書了。XD

最近因為從事簡報設計與網站設計教學, 讓大家 習慣 喜歡使用 PowerPoint 製作微簡報;為了 贖罪 讓您方便,經過 精密 計算,特製臉書圖像最佳尺寸懶人簡報空白範本檔(唸起來很長、聽起來很威),讓您下載使用。




下載「臉書圖像最佳尺寸懶人簡報空白範本檔」

PowerPoint for Windows 版本

(這是 PPTX 格式檔案。請在空白投影片作畫完畢後,將整張投影片另存新檔,存為 PNG 或 JPG 檔案,就可以獲得符合臉書比例 1200 x 628 像素圖像。喔對,目前可能只在螢幕字型檢視解析度 96 dpi 的 Windows 平台有用。XD)



下載「臉書圖像最佳尺寸懶人簡報空白範本檔」

(PowerPoint for Mac 版本)

(這是 PPTX 格式檔案。如果使用 PowerPoint 2011 for Mac,請在空白投影片作畫完畢後,將整張投影片另存圖片,存為 PNG 或 JPG 檔案,就可以獲得符合臉書比例 1200 x 628 像素圖像。存檔前的對話視窗,有個「選項」按鈕,需要確認寬度與高度是否各為 1200 與 628;若不是這組數字,請將寬度數字改為 1200,高度即會更改為 628。若使用 PowerPoint 2016 for Mac 預覽版,請將整張投影片匯出,存為 PNG 或 JPG 檔案,就可以獲得符合臉書比例 1200 x 628 像素圖像。喔對,目前可能只在螢幕字型檢視解析度 72 dpi 的 Mac OS 有用。我這邊試過 iMac 27" 與 MacBook Air 13",應該還行。XD)



下載「臉書圖像最佳尺寸懶人簡報空白範本檔」

(Keynote 版本)

(這是 key 格式檔案。請在空白投影片作畫完畢後,將整張投影片輸出至影像,存為 PNG 或 JPG 檔案,就可以獲得符合臉書比例 1200 x 628 像素圖像。)

再來,您可能會問:「圖像一定要符合 1200 x 628 像素嗎?維持臉書比例 1.9:1或許就可以了吧?」

答:不知道耶,就等您嘗試並回饋到臉書討論串這邊囉。XD

利益與風險揭露:本文提供方法,不代表每次 OK 之方法。臉書比例自有風險,依照臉書體質與個人習慣不同有成有敗,發文前請詳閱臉書說明書。喔對,臉書沒給我相關撰文經費。(不負責任之燦笑)(改自顏宏斌先生臉書留言 XD)