查看: 1337|回复: 8

最理想的 Facebook Page Cover 图片尺寸

[复制链接]

72

主题

490

帖子

1622

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1622
QQ
发表于 2017-11-22 14:34:21 | 显示全部楼层 |阅读模式
最理想的Facebook Page页面的Cover图片的尺寸为:820px * 462px
Facebook的官方文件 https://www.facebook.com/help/125379114252045 指出:

  • Displays at 820 pixels wide by 312 pixels tall on your Page on desktops and 640 pixels wide by 360 pixels tall on smartphones
  • Doesn't display on non-smartphones
  • Must be at least 399 pixels wide and 150 pixels tall
  • Loads fastest as an sRGB JPG file that's 851 pixels wide, 315 pixels tall and less than 100 kilobytes


也就是说,我们上传的Page Cover照片会被同时用于电脑端和移动端,也就是说,上传的图片会被裁切。
下图中,中间深蓝色的部分就是图片在电脑上的显示部分,浅蓝色的部分是会被裁切掉的。而深蓝色+上下浅蓝色是在移动端显示的。因此我们在设计Cover图片的时候,需要准备的图片尺寸为820*462px,同时将重要的内容都展示在中间深蓝色部分的位置,防止图片上传被裁切之后内容丢失。



下图即为820*462px的图片在电脑端(左侧)和移动端(右侧)的显示效果了。



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

3

主题

10

帖子

280

积分

中级会员

Rank: 3Rank: 3

积分
280
发表于 2017-11-23 13:13:06 | 显示全部楼层
不错很有帮助呢
回复 支持 反对

使用道具 举报

2

主题

48

帖子

109

积分

注册会员

Rank: 2

积分
109
发表于 2018-3-28 19:09:48 | 显示全部楼层
今天在楼主这学到了很多有用的知识啊,都记本本上了
回复 支持 反对

使用道具 举报

1

主题

50

帖子

143

积分

注册会员

Rank: 2

积分
143
发表于 2018-5-9 08:18:42 来自手机 | 显示全部楼层
谢谢楼主分享,之前尺寸没设置好,导致手机看到的和电脑的不一样
回复 支持 反对

使用道具 举报

0

主题

47

帖子

109

积分

注册会员

Rank: 2

积分
109
发表于 2018-6-20 17:04:10 | 显示全部楼层
谢谢楼主分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门推荐

请教如何去掉网站底部的powered by shopify 字句
请教如何去掉网站底部的po
请教如何去掉网站底部的powered by shopify 字句
Shopify建站运营推广相关问题征集
Shopify建站运营推广相关
承蒙各位Shopify卖家朋友们的支持和厚爱,在运营WaimaoB2C.com博客和WaimaoB2C.cn论坛
提高转化率的一个小提示
提高转化率的一个小提示
最近测试,在Checkout按钮下面添加了一次些促销信息,转化率稍稍有些提升,但是因为数
购物按钮下的 购物安全保证图片 怎么添加
购物按钮下的 购物安全保
购物按钮下的 购物安全保证图片 怎么添加
Shopify产品页面插入视频方法
Shopify产品页面插入视频
在Shopify网站的产品页面插入视频的两种方法: 这两种方法的前提都是你首先要将视频上
网站不做广告,Google analytics数据分析怎么有部分流量是paid...
网站不做广告,Google ana
如题, 我们的shopify网站目前主要引流方式还是引导一些其他平台的客户过来购买,平时
删除buy on amazon
删除buy on amazon
群主大人,我想删除这个按钮,比较稳妥的做法是什么? 因为之前修改代码忘记备份,产

Archiver|手机版|小黑屋|

  • Copyright   ©2015-2016  Shopify论坛 | WaimaoB2C.cn   Powered by©Discuz!   ( 冀ICP备15011551号-4 )
快速回复 返回顶部 返回列表