簡體   English   中英

新的og:Facebook共享的圖像大小?

[英]New og:image size for Facebook share?

Facebook最近改變了廣告的圖像尺寸,並鏈接了帖子。 這也影響到meta property="og:image" og:image在Facebook的最佳尺寸是多少? 舊版本是正方形,現在它不再適合了,因為新尺寸是矩形。

編輯:關於Open Graph圖像大小的當前最佳實踐在此正式概述: https//developers.facebook.com/docs/sharing/best-practices#images


今天在Facebook開發者小組中有一篇文章,其中一位FB人員上傳了一份包含他們關於圖像大小的新規則的PDF - 因為只有當你是該小組的成員時才能看到它,我在這里上傳了它: http://www.sendspace.com/file/ghqwhr

他們還說他們將在未來幾天在開發者博客中發布它,所以也要繼續檢查它

總結鏈接文檔:

  • 最小像素大小為600x315
  • 建議尺寸為1200x630 - 此尺寸的圖像將獲得更大的顯示處理。
  • 寬高比應為1.91:1

依賴@CBroe之前發布的PDF:

對於最佳og:圖像結果(視網膜准備好而不被裁剪)與當前Facebook標准使用:

尺寸: 最小1200 x 630px

比例: 1.91:1

我使用的是最小圖像尺寸(200 x 200)並獲得了良好的效果。 看一看:

在此輸入圖像描述 https://developers.facebook.com/tools/debug/og/object?q=origgami.com.br

這個平方大小比矩形更好,因為它是Facebook評論中出現的格式。 矩形格式被裁剪。

這個大小是在facebook文檔上

根據facebook的最佳實踐,它就像這樣(2016)

圖像大小

使用至少1200 x 630像素的圖像可在高分辨率設備上獲得最佳顯示效果。 至少,您應該使用600 x 315像素的圖像來顯示包含較大圖像的鏈接頁面帖子。 圖像最大可達8MB。 在此輸入圖像描述

小圖片

如果您的圖像小於600 x 315像素,它仍會顯示在鏈接頁面中,但尺寸會小得多。 在此輸入圖像描述

我們還重新設計了鏈接頁面帖子,以便圖片的寬高比在桌面和移動新聞Feed中相同。 盡量使圖像盡可能接近1.91:1的寬高比,以便在沒有任何裁剪的情況下在新聞Feed中顯示完整圖像。

最小圖像尺寸

最小圖像尺寸為200 x 200像素。 如果您嘗試使用小於此的圖像,您將在共享調試器中看到錯誤。

游戲應用圖片

有兩種不同的圖像尺寸可用於游戲應用:

打開圖表故事圖像以方形格式顯示。 這些應用的圖像比例應為600 x 600像素。 非打開圖形故事圖像以矩形格式顯示。 您應該使用1.91:1的圖像比例,例如600 x 314像素。

Facebook.com og:圖片為325x325(縱橫比為1:1)

https://www.facebook.com/images/fb_icon_325x325.png

更新:圖像大小必須大於(600 x 315px)

圖像大小可以是任何大小,因為Faceboook重新調整圖像寬度和高度。

對於后期永久鏈接,默認高度為208px ,寬度為398px

www.facebook.com/{username}/posts/{post_id}

但對於時間軸視圖:

www.facebook.com/{username}

寬度為377px ,高度為197px

我希望這能幫到您!

Facebook帖子圖片的寬高比為41:20。

要為照片找到合適的寬度和高度,可以使用寬高比計算器

在這里你可以選擇“常用比率:”下的不同比率,其中包括“1200 x 630(Facebook)”選項。所以如果你的照片寬度是1800,那么將這個數字插入“W2”插槽,它會告訴你什么各自的高度應該是。

試圖讓1200x630圖像正常工作。 Facebook一直在抱怨它無法讀取圖像,或者它太小了(它是一個jpeg圖像~150Kb)。

切換到200x200尺寸的圖像,完美地工作。

https://developers.facebook.com/tools/debug/og/object?q=drift.team

該圖像的大小取決於它的使用位置。

由WhatsApp,Facebook Messenger,Reddit等應用程序來決定如何處理圖像。 有些將它用作方形圖像,有些用作1:19.1矩形,有些使用不同尺寸,即使對於同一應用,顯示環境的大小也不同。 沒有規則,也無法控制應用程序對映像執行的操作。

因此,您應該在預期的目標應用程序上測試圖像並找到妥協方案。 應用程序傾向於緩存圖像使得它在試錯法上變得很痛苦。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM