移动互联网是短视频的时代，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. HA Joker Vulnhub Walkthrough

    下载地址: https://www.vulnhub.com/entry/ha-joker,379/ 主机扫描: ╰─ nmap -p- -sV -oA scan 10.10.202.132Starti ...

  2. [Android逆向]APK反编译与回编译

    一.先查壳,再反编译看验证首先打开.apk文件==>反编译apk(dex/配置文件/资源文件(apk反编译失败)>修改关键文件实现自己的目的>重新打包签名(无法重新打包)==> ...

  3. 安卓JNI精细化讲解，让你彻底了解JNI（二）：用法解析

    目录 用法解析 ├── 1.JNI函数 │ ├── 1.1.extern "C" │ ├── 1.2.JNIEXPORT.JNICALL │ ├── 1.3.函数名 │ ├── 1 ...

  4. c代码中while循环的一个死机问题引发的思考

    前记   c语言已经是一门经常吃饭的本领,本来是要有种看一眼,就知道哪儿出问题了才行,没想到,遇到实际问题的时候,才知道自己的修为不到家.还没有达到那种炉火纯青的境界.看来,不是这个世界没有机会,是自 ...

  5. 两种最常用的 HTTP 操作方法是：GET 和 POST。

    什么是 HTTP? 超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信. HTTP 的工作方式是客户机与服务器之间的请求-应答协议. web 浏览器可能是客户端,而计算机上的网络应用程 ...

  6. react-组件间的传值

    父组件向子组件传值 父组件通过属性进行传递,子组件通过props获取 //父组件 class CommentList extends Component{ render(){ return( < ...

  7. Spring Boot启动提示：org.apache.catalina.LifecycleException: A child container failed during start

    一.问题回顾 最近在做一个新项目,从git上下载导入idea后,启动项目,但是报了如下错误: java.util.concurrent.ExecutionException: org.apache.c ...

  8. 如何用python查看自己的电脑有几个核

    今天在研究多进程的时候,如果想要充分利用多核CPU资源,最起码的一点你应该知道自己的电脑有几个核. 下面是用python3 的 os 模块来查看自己的电脑是几个核的方法. import os prin ...

  9. HTTP与FILE协议的区别

    File协议 file协议(本地文件传输协议)主要是用来访问本地计算机的文件,一般用Windows的资源管理器直接打开进行读取一个HTML文件时,默认会使用file协议 基本格式是: file:/// ...

  10. vuex 精简demo解析

    1.store/index.js 文件 import Vue from 'vue' import Vuex from 'vuex' //使用vuex Vue.use(Vuex); //一个store ...