移动互联网是短视频的时代，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. 缓存keep-alive

    keep-alive缓存 如果没有缓存,每点击一次导航,内容区就会创建一个组件,该组件会经历整个生命周期,每点击一次,就会创建一个组件,比较浪费性能,这时,我们就要考虑到是否能将点击过的已创建的组件进 ...

  2. Django-如何写好一个celery定时任务

    1.首先在项目同名目录下建一个celery.py from __future__ import absolute_import import os from celery import Celery ...

  3. IT兄弟连 HTML5教程 CSS3属性特效 CSS3分栏布局

    CSS3中新出现的多列布局(multi-column)是传统HTML网页中块状布局模式的有力扩充.这种新语法能够让WEB开发人员轻松的让文本呈现多列显示.我们知道,当一行文字太长时,读者读起来就比较费 ...

  4. go路由httprouter中的压缩字典树算法图解及c++实现

    目录 go路由httprouter中的压缩字典树算法图解及c++实现 前言 httprouter简介 压缩字典树 概念 插入操作 查询操作 c+++实现 go路由httprouter中的压缩字典树算法 ...

  5. DotNet Core中使用RabbitMQ

    上一篇随笔记录到RabbitMQ的安装,安装完成,我们就开始使用吧. RabbitMQ简介 AMQP,即Advanced Message Queuing Protocol,高级消息队列协议,是应用层协 ...

  6. angular cli 反向代理实现跨域

    版本: 1.后端实现跨域(php) header("Access-Control-Allow-Origin: *"); // // 响应类型 // header('Access-C ...

  7. 三、VUE项目BaseCms系列文章：axios 的封装

    项目开发中 ajax 是不可缺少的,一个好的封装可以减少我们很多的重复代码,维护也更方便.在 vue 开发中我们用的比较多的就是 axios.下面代码是项目中用到的 axios 的封装. http.j ...

  8. Oracle GoldenGate常用参数详解

    Oracle GoldenGate常用参数详解http://blog.itpub.net/28389881/viewspace-2564461/

  9. August 25th, 2019. Sunday, Week 35th.

    It's what you do next that counts, not what happens but what you decide to do about it. 重点不是发生了什么,而是 ...

  10. 搭建Harbor

    搭建Harbor 一.安装准备 二.安装docker-ce 三.安装docker-compose 四.安装harbor 5.1下载安装程序 5.2配置harbor.yml 5.3运行install.s ...