臉書分享網頁文章連結的預覽圖片(link preview)尺寸該用多少像素?

在臉書(Facebook)成為國內社交平台的主流文化後,大量網頁文章被轉發分享在裡頭。為了讓文章能吸引讀者眼球注意力,設計一張好的預覽圖片讓文章有機會被一眼關注就顯得至為重要。

而在設計一張專門用於臉書上分享的圖片之前,我們必須先對影像解析度的尺寸有個清楚而正確的認知。

臉書適合分享網頁連結預覽圖片的尺寸

在設定網頁文章的預覽圖片(精選圖片)時,要注意最適合臉書分享的尺寸至少需要 1200*630像素(pixel)。

如果想提供更好的畫質,可以用更高解析度的圖片,例如7200*3780px。但請注意,高解析度只是畫質好,不代表一定能完美呈現內容。

例如Nikon數位單眼相機原始檔(RAW)尺寸為3680*2456,對比FB的1200*630,寬為3倍,高為3.8倍!換言之,原始照片的高度不符合臉書圖面比例。如果硬上圖,就會造成圖像在顯示時被自動裁切。

想想看,完全無法預料的自動裁切,很可能將會變成斷頭照片,對於網站甚至是粉絲專頁本身來說,絕對是破壞觀感的負面因子。

如果想放置大圖,可以取相同倍率放大的尺寸。例如3680寬的照片,我們可以手動裁切高度至1890像素,藉以自主決定重要的視覺呈現效果。

結果與討論

請注意,適合FB臉書的圖片,不一定適合其他例如 Twitter 或 Line 等社交媒體,畢竟不同的開發者和版面都有其各自使用文化上的考量。

因此比較適合的通用做法,是把想表達的重點盡量設計在圖片中心位置處,即使被裁切也不用擔心。

最後順便一提,上傳照片其實只要不要太小,倒也不用特別選用高畫質影像,因為臉書顯示時都會自動劣化縮圖的。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *