智能图片压缩-腾讯智图
时间:2022-05-06
本文章向大家介绍智能图片压缩-腾讯智图,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
智图是腾讯前端团队开发的一个专门用于图片压缩和图片格式转换的平台
可以对png,jpeg,gif等各类格式图片的压缩,以及为上传图片自动选择最优的图片格式,同时,智图平台还会为用户转换一份webp格式的图片
图片压缩后的质量非常好,而且体积减少很多
测试图片 156KB,压缩后的为 55KB,并且清晰度和原图几乎相同
目前智图支持手动上传(zhitu.isux.us)图片后压缩,和使用gulp插件批量压缩
gulp插件使用
(1)安装gulp
$ npm install --global gulp
(2)安装插件
$ npm install --global gulp-imageisux
(3)创建测试项目
test
|
|-- img
|-- test.jpg
|-- gulpfile.js
gulpfile.js内容
var gulp = require('gulp');
var imageisux = require('gulp-imageisux');
gulp.task('default', function() {
return gulp.src(['img/*'])
.pipe(imageisux('',true));
});
注:
imageisux方法有两个参数
第一个参数为存放压缩后图片的路径,为空时默认生成dest webp两个目录
第二个参数为是否生成webp图片
(4)运行
在项目目录下执行
$ gulp
运行完成后,img目录下会自动生成两个目录:dest、webp,分别存放压缩后的jpg图片,和webp图片
- JDK1.7新特性(4):java语言动态性之反射API
- ASP.NET Core集成现有系统认证
- Redis(2):常用命令详解
- C#移动跨平台开发(2)Xamarin移动跨平台解决方案是如何工作的?
- Ruby(3):基本语法中
- Python(3):文件读写与异常
- 向ASP.NET Core迁移
- Gitlab CI 自动部署 asp.net core web api 到Docker容器
- 从XMLHttpRequest请求响应里getResponseHeader(header)报错:Refused to get unsafe header "**" 问题解决
- 全面理解 ASP.NET Core 依赖注入
- jq实现上传头像并实时预览功能
- 初探领域驱动设计(2)Repository在DDD中的应用
- js取整并保留两位小数的方法
- 异步编程 In .NET
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android自定义view圆并随手指移动
- Android仿微信发送语音消息的功能及示例代码
- 详解Android studio ndk配置cmake开发native C
- Android编程实现禁止状态栏下拉的方法详解
- Android进度条ProgressBar的实现代码
- Android画画板的制作方法
- Android实现bitmap指定区域滑动截取功能
- Android开发实现应用层面屏蔽状态栏的方法小结
- Android实现实时搜索框功能
- 浅谈Android轻量级的数据缓存框架RxCache
- Android开发实现消除屏幕锁的方法
- Android中js和原生交互的示例代码
- 浅谈android获取设备唯一标识完美解决方案
- Android开发实现长按返回键弹出关机框功能
- Android View 完美实现EditText 在软键盘上边的示例