公众号长图排版,经常说的的切图、抽帧到底是什么?
经常进行公众号长图排版的小伙伴,肯定听说过「切图」这个词。
如果长图中包含几个 GIF,可能还需要给 GIF「抽帧」。
切图和抽帧到底是什么?在此之前,我们需要知道微信对上传公众号的图片有这些要求:
1.所有图片大小不超过10m,出于流畅度考虑,建议不超过6m;
2.所有图片宽高像素乘积不超过600w;
3.GIF总帧数不超过300,帧率建议不超过20。
知道了要求,我们就可以利用切图和抽帧导出保存符合要求的图片。下面分别看下如何切图与抽帧。
一
切图
百度百科讲,切图是指将设计稿切成便于制作成页面的图片。而在我们日常的公众号长图排版中,可以简单理解切图是将制作的整张长图切成多段。
因为公众号后台限制上传图片高度与宽度的乘积不能超过 600 万,如果超过这个限制的图片就需要切图保存。即便长图没有超过这个限制,为了保持图片上传后的清晰度,最好也要切分几段。
最常用的切图工具,就是 Ps,下面是教程。
第1步:
我们使用 Ps 打开长图,鼠标右击左侧工具栏的裁剪工具,在弹出的菜单中你就会看到一个「切片工具」,点击选择。
第2步:
如下拖动鼠标在长图上由上而下进行切分。切分时尽量选择背景简单的位置,这样可以最大程度的保证图片在公众号拼接时不留痕迹。
如果我们要进行横向或竖向的平均切分,在长图上鼠标右键,选择「划分切片」,接着填写相应的数值就可以了。比如九宫格,就可以同时选择水平划分为3个纵向切片和垂直划分为3个横向切片。
第3步:
切分完毕后,点击「文件」-「导出」-「存储为 Web 所用格式(旧版)」,然后选择图片格式(一般选择PNG-24),接着点击「存储」保存到相应位置就完成啦。
保存后的切片全部在一个名为「image」的文件夹中。
二
抽帧
这里的抽帧对象主要是 GIF。一张 GIF 图由多帧动作连贯的静态图片组成,抽帧就是指抽掉其中的几帧静态图同时不影响 GIF 的播放效果。
抽帧的主要作用是在不改变清晰度和尺寸的情况下减小 GIF 体积大小,以便更好地上传到公众号。
需要注意的是抽帧要适量,抽的帧数越多,GIF会播放越快:
*左:抽帧前 右:抽帧后
使用 Ps 有两种抽帧的方法,一起看下。
方法1:调整帧速率
第1步:
使用 Ps 打开 GIF,点击菜单栏中的「窗口」-「时间轴」调出动画时间轴。
第2步:
点击动画时间轴右上角四条横线按钮,在出现的快捷菜单中选择「转换为视频时间轴」。
第3步:
继续点击视频时间轴右上角的四条横线按钮,在出现的快捷菜单中选择「设置时间轴帧速率」。
然后将帧速率调整为20以下即可,想要抽的帧越多,帧速率可以越低。
第4步:
点击菜单栏「文件」-「导出」-「存储为 Web 所用格式(旧版)」,然后选择 GIF 格式,接着点击「存储」保存到相应位置就完成啦。
方法2:手动删除
第1步:
使用 Ps 打开 GIF,点击菜单栏中的「窗口」-「时间轴」调出动画时间轴。
第2步:
按住 Ctrl 键,间隔着选择时间轴上的多个帧图片。想要抽的帧多一些,选择图片的间隔就小一些。
选择完毕后,点击时间轴右下角的删除按钮,删除所选帧。此步骤可重复操作。
第3步:
点击菜单栏「文件」-「导出」-「存储为 Web 所用格式(旧版)」,然后选择 GIF 格式,接着点击「存储」保存到相应位置就完成啦。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)