直播封面图片制作教程(自己怎么制作直播封面)
经常在一直播&微博开直播的人会发现,几乎很难做到微博&一直播两边的封面都做到美观。总有一方的封面经常被切割。那么如何做可以同时在一直播&微博上正常地显示出好看又不被多次修改过的封面呢?
首先,我们要了解微博直播和一直播对于封面的要求
产品站内封面建议按照正常热门封面规则来设计。热门封面要求:带真人人像(宠物、虚拟动漫、游戏、比赛直播除外);不能带黑边、白边;不能带过多标题;不得带明显广告信息或品牌主logo;封面不能为多张图片拼图或过度p图。
微博直播的封面尺寸要求为:560*315,及同比例放大尺寸的横版长方形图片,但实际长宽比大多都为2:1
一直播官方要求封面尺寸要求为375*375以上的正方形,为了便于计算,正常选择任意打过次数值的正方形图片都是可以的。
我们来找一张正方形和长方形的图片来进行一下测试
原图尺寸1920*1080,所以我们要先对这个图按照封面要求,进行一下裁剪。(因为图片尺寸过大,我们选择的微博封面按照系统要求*2大小1120*630,一直播封面则是1080*1080大小的图片)
注:其他尺寸图片请参考对应图形。
正方形图片请对应测试1、4
长方形(横、竖版均)请对应测试2、4
接下来为了方便理解,我们来把图片标记一下
上面正方形1080*1080尺寸的图片我们标记为图片1;
下面长方形1120*630尺寸的图片,我们标记为图片2。
封面准备好了,那我们现在开始分别用一直播和微博分别上传两张封面,共开播测试场4场。每一场我们各开播测试1分钟(少于1分钟,直播无法正常保存)图片主要信息设定为画面右边跳伞角色。
测试1:一直播开播图片1
测试1结果:上传比较正常。
由于是从一直播app上传的封面,所以我们先来聊一直播端。
一直播端:正常
微博端:上下各被切割了一条,上下切割尺寸各占1/4
测试2:一直播开播图片2
测试2结果:尺寸略怪
一直播端:图片左右均被切割(图片可在上传封面时左右调整,而非系统自动截取,如下图所示),图片大小为上传图片的最短边大小。被切割情况如下图红色虚线。
微博端:图片上下左右均被切割,且图片被拉伸。被切割情况如下图绿色虚线所示。
结论:从一直播端上传长条图时,会按照图片最短边尺寸进行同尺寸正方形切割。同步到微博端的图片,会在此基础上,重复测试1的同步步骤。
测试3:微博直播开播图片1
测试3结果:反复被切割后面目全非
由于封面是从微博app上传,所以我们先聊微博端。
微博端:在上传时,微博端很明确地给出了原图的剪切情况,并且给出了重要内容提示(白色虚线,app上虚线颜色较浅)。我们很容易地可以看出,裁剪正方形封面的方式,与之前相同:上下各截1/4,但是这个尺寸并不是同步到微博的图片尺寸。
通过我的反复测试,大致得到了微博和一直播两个软件间关于图片同步的计算流程(请见结论部分),结果也就是下图上黄色虚线的情况:
一直播端:先通过微博裁剪成长方形图片并将“重要内容区”的信息上传至一直播端内作为封面。
结论:从微博端上传图片的时候,会因为系统计算方式,首先裁剪上下裁区1/4,然后以短边长度裁取中心正方形图片。裁剪后的正方形图传到一直播系统再通过测试1的步骤再被上下裁剪后同步到微博。感觉这种来回来去裁剪的步骤,设计流程的程序猿智商被拉低了呢。
测试4:微博直播开播图片2
测试4结果:少一道裁剪,结果不变
微博端:在微博直播上传封面的时候,右图久违的舒适感,量身定做的尺寸用起来没有被任何裁减处理。依旧有提示上的“重要内容区”(白色虚线)。然而直播的时候,我们发现封面仍然不是所上传的图片,原因请参见下面的结论。
一直播端:结果同测试3。
结论:我们测试3中题到了两个产品上传图片时的计算流程。微博先两次裁剪后将结果上传到一直播,一直播再次同步到微博的时候,在此经过一手裁剪。如果按照这个逻辑,就完全说得通了?而测试4更佳验证了刚才我们测试3中计算逻辑的正确性。
通过测试3、4,可得到的结论或者说你可以理解成,从微博无论上传何种图片,都是在帮助一直播app截取一个符合尺寸的正方形封面,再跳转到一直播客户端。
那么我们现在来总结一下:
从结论上看,从微博直播上传图片,最少也要被切一刀,而从一直播端上传正方形封面,可以最小的避免被切变形的命运。
所以我们在设计直播封面的时候,可以将封面设计成下图样式:
这样同步到微博的时候就是