微信文章封面圖竟然有8種版本,你設計對了嗎?
微信訂閱號不斷改版後,封面圖片尺寸發生了變化。
從老版本900*500畫素,改成了新版本 2.35:1 比例。
但由於很多人沒更新!
1 、iOS 版 和 安卓版 (測試版、最新版、老版本都是6.7.3版本),頭條文章封面圖中,標題顯示的位置不一樣
2 、訂閱號列表 和 會話介面 ,標題顯示的位置不一樣
3 、單圖文 和 多圖文 ,標題顯示的位置不一樣
由於封面圖片和標題文字顯示在一塊,如果封面圖片展示效果差,就會影響粉絲閱讀標題文字,直接影響文章開啟率。
公眾號頭條文章封面圖片,究竟該做成多大尺寸?什麼樣子閱讀效果最好?
小公舉在下面的內容裡,全面介紹一下。
閱讀提示:
1、公眾號文章釋出後,顯示在封面圖中的標題,本文統一稱作“標題”
2、本文介紹的iOS版,指的是iOS最新版
3、本文介紹的安卓版,指的是安卓最新版
1
標題字型白色
公眾號釋出文章後,文章標題顯示在封面圖中,文字是白顏色的。
所以選取封面圖時,頂部和底部最好是深色背景,才能突出白顏色的標題。
2
顯示區域
下面這張圖就是最新版本2.35:1比例,可以直接上傳900×383畫素的圖片,作為封面圖片。
圖片裡的兩個長條陰影,是文章標題會顯示的區域。
圖片裡的正方形陰影,是轉發到微信群、朋友圈顯示的封面區域。
3
公眾號文章封面圖會出現以下8種情況
當微信處於不同的版本(iOS最新版、安卓最新版、老版本)時
公眾號文章封面圖會出現以下8種情況:
1、訂閱號訊息介面,單圖文,標題可能會顯示在封面圖頂部
2、訂閱號訊息介面,單圖文,標題可能會顯示在封面圖底部
3、訂閱號訊息介面,多圖文,標題可能會顯示在封面圖頂部
4、訂閱號訊息介面,多圖文,標題可能會顯示在封面圖底部
5、會話介面,單圖文,標題不顯示在封面圖中
6、會話介面,多圖文,標題可能會顯示在封面圖頂部
7、會話介面,多圖文,標題可能會顯示在封面圖底部
8、轉發到微信群、朋友圈,不顯示標題,顯示1:1比例封面圖
接下來,通過實際效果圖看一下各種情況。
4
iOS版,單圖文,列表訊息介面
5
iOS版,多圖文,列表訊息介面
ofollow,noindex" target="_blank">
當手機是iOS版本時,進入訂閱號列表訊息介面。多圖文和單圖文的標題,都顯示在封面圖上方區域。
6
iOS版,多圖文,會話介面
會話介面和列表訊息介面相比,標題字型會稍微放大一點。
7
安卓版,單圖文,列表訊息介面
安卓版和iOS版相比,標題字型會稍微放大一點。
8
安卓版,多圖文,列表訊息介面
當手機是安卓版時,進入訂閱號列表訊息介面。多圖文和單圖文的標題,都顯示在封面圖下方區域。
9
單圖文,會話介面
不管是iOS版,還是安卓版。
單圖文,會話介面效果是一樣的,標題不會顯示在封面圖中。
10
安卓老版本(非資訊流版本),多圖文,會話介面
11
封面圖片最佳尺寸
使用900*383 畫素圖片,作為封面圖片。 老版本和新老闆都適用。
最頂部和最底部的留白區域:856*38畫素
當標題顯示在頂部時/當標題顯示在底部時,大面積的留白區域:857*230畫素
最左側留白區域:34×365畫素
最右側留白區域:68×365畫素
12
自媒體大號怎麼設計文章封面圖
視覺志
顯示品牌LOGO
封面圖中嵌入品牌LOGO,顯示在左上角區域。
但是可以明顯發現,安卓老版本中,標題遮擋了左上角的品牌LOGO。
她刊
LOGO封面圖中間靠右區域
如果是較大的LOGO,顯示在封面圖的四個角落,都可能會被標題遮擋。她刊,就把LOGO設計成圓形,放在了中間靠右區域。
咪蒙
顯示品牌LOGO資訊
封面圖中出現,品牌關鍵詞“mi”、“me”“、”ng”(咪蒙全拼拼音)
還會顯示“第XX篇文章”
這些關鍵詞分別顯示在封面圖的左上角、右上角、頂部、底部等區域。
你看懂了沒?
原創: 新媒體指南