智能图片压缩-腾讯智图

智图是腾讯前端团队开发的一个专门用于图片压缩和图片格式转换的平台

可以对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图片

原文发布于微信公众号 - 性能与架构(yogoup)

原文发表时间:2015-09-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏逸鹏说道

使用fiddler模拟http请求

以前看见过,没发,现在又看见了,向大家推荐一下: 概述 与httpwath相比,fiddler能模拟http请求、能断点调试、http分析统计吸引了我,...

4305
来自专栏俗人笔记

浏览器用户脚本—打造自己的专属页面

一段用户脚本就是一个程序,通常用JavaScript语言来写,用于修改web页面以提升浏览体验。通常通过浏览器的用户脚本管理插件来开启,例如Tampermonk...

6144
来自专栏weixuqin 的专栏

Django 项目重命名

  在日常学习工作过程中,我们难免需要复用以前的项目,这里讲下复用 Django 项目并重命名的过程。

1281
来自专栏java达人

$(window).load()与$(document).ready()的区别

1.执行时间不同:从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档,dom树已经建立起来了,...

18610
来自专栏liulun

【JAVA WEB教程】jsp环境搭建+部署网站(eclipse+tomcat)【详细+图文】

下载tomcat7.X ? 下载地址为:http://tomcat.apache.org/download-70.cgi 下载完成之后就开始安装 ? Next ...

6258
来自专栏Play & Scala 技术分享

如何清除Chrome浏览器301缓存?

47611
来自专栏黑泽君的专栏

linux系统下Vi编辑器或者Vim编辑器设置显示行号、自动缩进、调整tab键宽度的技巧?

工作中嫌vim 中一个tab键的宽度太大,linux系统默认,没改之前是一个tab键宽度是8个字符,想改成4个字符,

2732
来自专栏云计算教程系列

如何在Ubuntu 14.04上使用OpenLiteSpeed安装WordPress

WordPress是目前世界上最受欢迎的内容管理系统(CMS)。它允许您在数据库后端轻松设置博客和网站,使用PHP执行脚本和处理动态内容。WordPress有一...

690
来自专栏一个爱瞎折腾的程序猿

vue项目实践-添加axios封装api请求

axios 默认提交格式为:application/json 可使用 qs 模块(需要安装)转换后提交格式为 application/x-www-form-u...

3242
来自专栏云计算教程系列

如何启用和连接Django管理界面

在本教程中,我们将连接并启用Django管理站点,以便您可以管理您的博客网站。Django管理站点预先构建了一个用户界面,旨在允许您和其他受信任的个人管理网站的...

2328

扫码关注云+社区