智能图片压缩-腾讯智图
时间: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图片
- 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 数组属性和方法
- 「程序员」Flutter:从网络获取数据遇到的坑
- 程序员:拿到新电脑如何配置Git环境
- What?数据量巨大还不分库分表?JDBC 入门与项目实战
- 简书:如何去掉图片下面烦人的“图片发自简书App”
- 命令行shell复制并以当前时间重命名文件夹
- 如何获取PHP命令行参数
- 学习PHP弱引用的知识
- 「okhttp」Gradle引用改jar包引用(一波三折)
- 「问答」解决CSV文件用Excel打开乱码问题
- 「问答」解决jar包运行时相对路径问题
- 「Eclipse」生成能用命令行运行的jar包
- 「AndroidStudio」fastjson导包报错:Could not resolve com.alibaba:fastjson:1.1.56.android
- 「Android」通过注解自动生成类文件:APT实战(AbstractProcessor)
- 五、开始Github和码云之旅,新手如何上路
- 用 Shader 写个完美的波浪~