公众号长图排版,经常说的的切图、抽帧到底是什么?

原创 收藏 评论
举报 2024-06-05


经常进行公众号长图排版的小伙伴,肯定听说过「切图」这个词。


如果长图中包含几个 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) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)