图像压缩
掌握一定的图像压缩技巧,帮助我们构建性能更高的前端页面
tinypng 原理
tinypng 是一个对 WebP、JPEG、PNG 进行在线压缩的网站,不会对图片质量造成明显的影响
https://tinypng.com/
TinyPNG – Compress WebP, PNG and JPEG images intelligently
Free online image compressor for faster websites! Reduce the file size of your WEBP, JPEG, and PNG images with TinyPNG’s smart lossy compression engine.
压缩算法
TinyPNG 使用了一种叫做 Deflate 的无损压缩算法,可以将图片的二进制数据进行压缩,从而减小图片的大小
颜色减少
另一个 TinyPNG 使用的技术是颜色减少。颜色减少是一种通过减少图片中使用的颜色数来减小文件大小的技术。在实践中,很多图片中使用的颜色实际上是不必要的,因此可以通过将这些颜色删除来减小文件的大小
本地压缩
使用 imagemagick 可以在本地进行图片的压缩和格式转换
$ brew install imagemagickimagemagick 提供非常多的命令,例如 convert 命令用于格式的转换和压缩
$ convert input.png output.jpeg
$ convert input.jpeg -quality 80 output.jpeg将多张图片合成为 gif 或者 pdf
$ convert *.jpg foo.gif
$ convert *.jpg foo.pdf使用 mogrify 进行批量的格式修改
$ mogrify -format webp *.jpg