移动互联网是短视频的时代，5G的到来更是让短视频蓬勃发展，视频的发展让人们看到了动态的机会，图片也需要动起来，图片动起来应该是比较早的，gif图片很早就有，我们常见的动态表情，现在用的比较多的是视频的封面，也可以做成动态的gfi图来展示，因为gif是最适合的动态展示方式，占用空间小，动态效果好，今天我们就来分享一下，如何制作gif图片，及如何压缩gif图片的大小。

我制作gif图片用的工具是showmore,这是一款在线录屏软件，界面简洁，录制画质清晰，重点是免费，更无文件大小和时长限制，可以说是相当良心。适合录制直播，视频教程，在线会议，在线课程神马的，拥有一流的屏幕捕捉技术，可以实现在录制过程中对视频进行简单编辑，添加文字，箭头，图形，高亮等标注，让你的视频更生动，形象，富有感染力！

showmore录屏后可以保存为视频，gif图片两种情况，我们今天介绍的是gif图片，所以选择gif即可。

一般情况下showmore生成的gif图片最少也在几兆以上，如果当成网站的推荐图还是有点大的，我们要压缩一下，可以提升用户体验，也可节约服务器的资源。之前我试了好种工具和在线压缩的网站，都不太理想，也就压缩几百KB，效果不明显，后来运用photoshop压缩解决了将近100倍的压缩，一个几兆的gif图片，压缩到几十KB,效果非常棒。

PS如何对gif图片压缩呢？下面我们详细介绍一下。

一.打开photoshop,直接把gif图片拖进ps里，ps会把gif的帧分解成图层，如果你的PS不能直接打开gif,可以从文件-》导入-》视频帧和图层。

二.打开后gif图片后，选择文件-》导出-》存储为web所用格式。然后选择颜色：128，损耗：30，存储类型：gif,再点存储即可，导出后查看gif图片大小，是不是变成了很小，只有几十KB大小的gif图片。

欢迎关注云码素材，交流分享! 云码素材原创作品，更多精品资源下载，技术分享请关注，私信云码素材！

如何制作gif图片？教你把gif图片缩小100倍大小的妙招!的更多相关文章

  1. Android之本地相冊图片选取和拍照以及图片剪辑

    转载请注明出处:http://blog.csdn.net/loveyaozu/article/details/51160482 相信有非常多Android开发者在日常开发中,因为项目需求,须要我们的A ...

  2. js获取图片的EXIF，解决图片旋转问题

    相信大家在做项目的时候会遇到在canvas里加入图片时,图片发生90°,180°的旋转.当时的你肯定时懵逼的,为毛. 其实这就是图片的EXIF搞的鬼. 什么是EXIF 简单来说,Exif 信息就是由数 ...

  3. Android View加载圆形图片且同时绘制圆形图片的外部边缘边线及边框：LayerDrawable实现

     Android View加载圆形图片且同时绘制圆形图片的外部边缘边线及边框:LayerDrawable实现 LayerDrawable实现的结果和附录文章1,2,3中的layer-list一致. ...

  4. 火车头dede采集接口，图片加水印，远程图片本地化，远程无后缀的无图片本地化

    <?php /* [LocoySpider] (C)2005-2010 Lewell Inc. 火车采集器 DedeCMS 5.7 UTF8 文章发布接口 Update content: 图片加 ...

  5. php正则获取html图片标签信息（采集图片）

    php获取html图片标签信息(采集图片),实现图片采集及其他功能,带代码如下: <?php $str="<img src='./a.jpg'/>111111<img ...

  6. html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器

    以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上 ...

  7. Core Animation一些Demo总结 （动态切换图片、大转盘、图片折叠、进度条等动画效果）

    前一篇总结了Core Animation的一些基础知识,这一篇主要是Core Animation 的一些应用,涉及到CAShapeLayer.CAReplicatorLayer等图层的知识. 先看效果 ...

  8. 一个iOS图片选择器的DEMO(实现图片添加，宫格排列，图片长按删除，以及图片替换等功能)

    在开发中,经常用到选择多张图片进行上传或作其他处理等等,以下DEMO满足了此功能中的大部分功能,可直接使用到项目中. 主要功能如下: 1,图片九宫格排列(可自动设置) 2,图片长按抖动(仿苹果软件删除 ...

  9. java向图片上写字,两个图片合并的方法

    package writeimg; import javax.imageio.ImageIO; import java.awt.Color; import java.awt.Font; import ...

随机推荐

  1. Mongdb可视化工具Studio 3T的使用

    一.官网地址 https://studio3t.com/ 二.下载和安装 点击DOWNLOAD即可下载 按照自己电脑系统进行选择,然后填写邮箱和选择行业,第一次登录如果不提交不会下载,下载完成是一个z ...

  2. numpy输出有省略号的问题

    发现很多文章都说加一句 np.set_printoptions(threshold="nan") 或者 np.set_printoptions(threshold=np.nan) ...

  3. LINUX OS 正常关机失败

    描述:LINUX OS运行命令shutdown now显示:Telling INIT to go to single user mode....   解决方法:运行命令exit重新登录,再运行 hal ...

  4. 关于List和String有意思的几个应用

      关于List和String有意思的几个应用 1. List:all_equal 功能:验证列表中的所有元素是否是都一样的. 解析:该技巧是使用[1:] 和 [:-1] 来比较所给定列表中的所有元素 ...

  5. ES、kibana安装及交互操作

    一.ES的安装与启动 1.ES安装(Windows环境) 下载地址:https://www.elastic.co/cn/downloads/past-releases#elasticsearch 版本 ...

  6. 4. java基础之修饰符

    其他修饰符 public 可以修饰属性.方法.构造方法.类 protected 可以修饰属性.方法.构造方法 default 可以修饰属性.方法.构造方法.类 private 可以修饰属性.方法.构造 ...

  7. How to: Use the Entity Framework Code First in XAF 如何：在 XAF 中使用EF CodeFirst

    This topic demonstrates how to create a simple XAF application with a business model in a DbContext ...

  8. Java 多线程应知应会

    请简单说说 synchronized 关键字的底层原理 java 说到多线程绝对绕不开 synchronized,很多 java 工程师对 synchronized 是又爱又恨.为什么呢?主要原因包括 ...

  9. web.xml的常见配置

    web.xml的常见配置 <!-- 配置全局的编码过滤器 --> <filter> <description>编码过滤器</description> & ...

  10. Mybatis XML映射文件

    mybatis为聚焦于SQL而构建,SQL映射文件常用的顶级元素如 resultMap,是最复杂也是最强大的元素,用来描述如何从数据库结果集中来加载对象. insert,映射插入语句 update, ...