移动互联网是短视频的时代，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. Linux-换yum源

    1.打开centos的yum文件夹 cd /etc/yum.repos.d/ 2.用wget下载repo文件 wget http://mirrors.aliyun.com/repo/Centos-7. ...

  2. java之java.io.File的相关方法

    java.io.File的使用. IO原理及流的分类. 文件流:FileInputStream.FileOutputStream.FileReader.FileWriter 缓存流:BufferedI ...

  3. JS reduce()方法详解，使用reduce数组去重

     壹 ❀ 引 稍微有了解JavaScript数组API的同学,对于reduce方法至少有过一面之缘,也许是for与forEach太强大,或者filter,find很实用,在实际开发中我至始至终没使用过 ...

  4. weblogic的linux静默搭建

    前言: Weblogic与Tomcat都是java应用的容器,而这两者有什么大的不同呢?Tomcat是Apache基金会提供的Servlet容器,它支持JSP, Servlet和JDBC等J2EE关键 ...

  5. js 对象 / json / jsonb / jsonp 区别

    一.JSON vs JS 对象 1.区别 区别 Javascript 对象 Json 含义 对象的实例 一种数据格式(序列化格式) 传输 不能传输 可以跨平台传输,轻量级 格式 1.键不加引号.加单引 ...

  6. Docker异常：/lib/x86_64-linux-gnu/libnss_files.so.2: symbol __libc_readline_unlocked, version GLIBC_PRIVATE not defined in file libc.so.6 with link time reference

    当使用docker cp 将容器内数据拷贝至主机时,或是使用docker export 命令归档容器文件时,出现下述异常: Error response from daemon: error proc ...

  7. C#面向对象-多态

    面向对象的三大特性(封装,继承,多态)大多少人都应该知道.前两个的话比较容易理解.本文主要说一下面向对象中的多态. 什么是多态?不同的对象对同一操作,产生不同的执行结果.这就是多态.那么多态又包含了: ...

  8. HeadFirst设计模式<2>

    HeadFirst设计模式<2> 1 装饰者模式 星巴克咖啡 饮料 总结 如果说策略模式是通过组合实现弹性,那么装饰者模式就是通过继承来实现,在实现的同时,客户基本感觉不到使用了装饰者模式 ...

  9. 版本控制工具——Git常用操作

    本文引自:https://juejin.im/post/5c206f1bf265da615114c15a

  10. Delphi 调用C# 编写的DLL方法

    近来,因工作需要,必须解决Delphi写的主程序调用C#写的dll的问题.在网上一番搜索,又经过种种试验,最终证明有以下两种方法可行:    编写C#dll的方法都一样,首先在vs2005中创建一个“ ...