查看: 2049|回复: 8

最理想的 Facebook Page Cover 图片尺寸

[复制链接]

73

主题

491

帖子

1649

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1649
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 | 显示全部楼层
谢谢楼主分享
回复 支持 反对

使用道具 举报

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

本版积分规则

热门推荐

Shopify联系我们页面的表单如何设置
Shopify联系我们页面的表
最近群里有几个朋友问到了这个同样的问题,如下图所示,联系我们的页面表单是怎么做出
提高转化率的一个小提示
提高转化率的一个小提示
最近测试,在Checkout按钮下面添加了一次些促销信息,转化率稍稍有些提升,但是因为数
如何查看一个Shopify网站的某个功能使用的是什么插件
如何查看一个Shopify网站
之前有一篇文章已经介绍过,使用Commerce Inspector的Chrome插件可以查看到一个Shopif
Commerce Inspector - 快速查询Shopify网站使用的主题和插件
Commerce Inspector - 快
Commerce Inspector是一款可以帮你快速了解你的竞争对手的Shopify网站的一些数据的的
购物按钮下的 购物安全保证图片 怎么添加
购物按钮下的 购物安全保
购物按钮下的 购物安全保证图片 怎么添加
论坛重新开启用户注册功能
论坛重新开启用户注册功能
论坛注册流程 第1步,获取论坛注册的邀请链接搜索微信公众号“WaimaoB2C”或者扫码关
请教如何去掉网站底部的powered by shopify 字句
请教如何去掉网站底部的po
请教如何去掉网站底部的powered by shopify 字句

Archiver|手机版|小黑屋|

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