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

原创 1 收藏 评论
举报 2022-02-25

经常进行公众号长图排版的小伙伴,肯定听说过「切图」这个词,如果长图中还包含几个 GIF,可能还需要给 GIF「抽帧」。

QQ截图20220218170030.png

切图和抽帧到底是什么?在了解切图和抽帧之前,我们需要知道长图的这些要求:

1.所有图片大小不超过10m,出于流畅度考虑,不超过6m;

2.所有图片宽高像素乘积不超过600w,建议宽度640px,受微信后台压缩影响小;

3.GIF总帧数不超过300,帧率不超过20。

下面一起看下切图和抽帧的说明与教程。

一、切图

百度百科讲,切图是指将设计稿切成便于制作成页面的图片。而在我们日常的公众号长图排版中,可以简单理解切图是将制作的整张长图切成多段。

因为公众号后台限制上传图片高度与宽度的乘积不能超过 600 万,如果超过这个限制的图片肯定需要切图,即便长图没有超过这个限制,为了保持图片上传后的清晰度,最好也要切分几段。

最常用的切图工具,就是 Ps,下面是教程。

第1步:

我们使用 Ps 打开长图,鼠标右击左侧工具栏的裁剪工具,在弹出的菜单中你就会看到一个「切片工具」,点击选择。

2.png

第2步:

拖动鼠标在长图上由上而下进行切分,切分时尽量选择背景简单的位置,这样可以最大程度的保证图片在公众号拼接时不留痕迹。

3.gif

如果我们要进行横向或竖向的平均切分,在长图上鼠标右键,选择「划分切片」,接着填写相应的数值就可以了。比如九宫格,就可以同时选择水平划分为3个纵向切片和垂直划分为3个横向切片。

4.png

第3步:

切分完毕后,点击「文件」-「导出」-「存储为 Web 所用格式(旧版)」,然后选择图片格式,接着点击「存储」保存到相应位置就完成啦。

5.png

保存后的切片全部在一个名为「image」的文件夹中。

6.png

二、抽帧

这里的抽帧对象主要是 GIF。一张 GIF 图由多帧动作连贯的静态图片组成,抽帧就是指抽掉其中的几帧静态图同时不影响 GIF 的播放效果。

抽帧的主要作用是在不改变清晰度的情况下减小 GIF 体积大小,以便更好地上传到公众号。

使用 Ps 有两种抽帧的方法,一起看下。

方法1:调整帧速率

第1步:

使用 Ps 打开 GIF,点击菜单栏中的「窗口」-「时间轴」调出动画时间轴。

7.png

第2步:

点击动画时间轴右上角四条横线按钮,在出现的快捷菜单中选择「转换为视频时间轴」。

8.png

第3步:

继续点击视频时间轴右上角的四条横线按钮,在出现的快捷菜单中选择「设置时间轴帧速率」。

9.png

然后将帧速率调整为20以下即可,想要抽的帧越多,帧速率可以越低。

10.png

第4步:

点击菜单栏「文件」-「导出」-「存储为 Web 所用格式(旧版)」,然后选择 GIF 格式,接着点击「存储」保存到相应位置就完成啦。

11.png

方法2:手动删除

第1步:

使用 Ps 打开 GIF,点击菜单栏中的「窗口」-「时间轴」调出动画时间轴。

12.png

第2步:

按住 Ctrl 键,间隔着选择时间轴上的多个帧图片。想要抽的帧多一些,选择图片的间隔就小一些。

13.png

选择完毕后,点击时间轴右下角的删除按钮,删除所选帧。此步骤可重复操作。

14.png

第3步:

点击菜单栏「文件」-「导出」-「存储为 Web 所用格式(旧版)」,然后选择 GIF 格式,接着点击「存储」保存到相应位置就完成啦。

15.png


制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)哦。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)