在做网站资源中,图片是最耗资源的,要想得到高质量的压缩图片,TinyPNG 是一款不可不推荐的利器。
TinyPNG 使用一种智能有损压缩技术(通过降低图片中的颜色数量,来减少存储图片所需要的数据)来降低 PNG 图片的大小。这样的压缩对图片的效果影响是很小的,但是可以大大降低图片的大小,并且还能保持 PNG 的 alpha 透明度。现在 TinyPNG 还支持 jpg 格式的图片压缩。
使用方法
1. 拖动上传压缩
TinyPNG 线上提供一种很方便的压缩方法,可以自己通过拖动的方式上传图片文件,线上会及时帮你压缩图片。压缩完成后会提示图片压缩率,并提供一键打包下载的功能,还支持保存到 Dropbox 上。TinyPNG 线上压缩一次支持同时上传20张图片,每张图片最大5MB。
2. 使用 TinyPNG CLI 批量处理
TinyPNG 官网提供的拖动上传方法虽然简单,但是有数量和大小限制,还需要手动下载。这对于懒人来说还不够简单方便,现在就要向大家推荐一款更加方便的工具。TinyPNG CLI 是一款由 Node.js 编写的图片压缩命令行工具,使用官方提供的 API 工作。
2.1 申请开发者账号
在官方开发者平台上可以申请 API key,免费版本每月可以处理500张图片。填入你的邮箱便可以获取 Key 了。
2.2 安装 TinyPNG CLI
TinyPNG CLI 需要 Node.js 支持,首先你必须确保电脑上安装了 Node.js。然后使用 npm 全局安装TinyPNG CLI。
npm install -g tinypng-cli
2.3 压缩单张图片
tinypng demo.png -k E99a18c4f8cb3EL5f2l08u368_922e03
2.4 压缩批量图片
tinypng assets/img
要想在全局默认使用 key 进行压缩的话,需要在用户主目录下新建一个 ‘.tinypng’ 的文件,里面添加你的Key。这样就可以在任意的图片目录下直接食用 tinypng 命令,tingypng 会自动上传图片压缩,不用其他处理。
3. WordPress 插件 Compress JPEG & PNG images
如果你的网站是使用 WordPress 开发的,推荐你使用这款由TinyPNG官方开发的 Compress JPEG & PNG images 插件,在插件中心搜索,安装插件,填入在开发者平台中申请的 API key 即可使用。