常见的图片格式png、jpg、jpeg、gif。最近看到一个并不常见的图片格式 .webp,想必它应该是有什么特别之处,才出现在视野中,忍不住查了一下。
适用于网站的图片格式
WebP是一种现代的图像格式,它为web上的图像提供了卓越的无损和有损压缩。使用WebP,网站管理员和网页开发人员可以创建更小、更丰富的图片,使网页运行更快。
WebP无损图像的尺寸比png小26%。在相同的SSIM质量指数下,WebP有损图像比可比的JPEG图像小25-34%。
无损WebP支持透明(也称为alpha通道),其成本仅为22%的额外字节。在有损RGB压缩可以接受的情况下,有损WebP也支持透明度,通常提供比PNG小3倍的文件大小。
WebP支持情况
WebP是原生支持谷歌Chrome, Safari, Firefox, Edge, Opera浏览器,以及许多其他工具和软件库。开发人员还增加了对各种图像编辑工具的支持。
WebP包括轻量级的编码和解码库libwebp和命令行工具cwebp和dwebp,用于将图像转换为WebP格式,以及查看、muxing和动画WebP图像的工具。下载页面提供了完整的源代码。
格式转换
通过下载预编译的cwebp转换工具(适用于Linux、Windows或macOS),将您喜爱的PNG和JPEG转换为WebP。
WebM视频格式
看到webp很容易让我想起了webm这种视频格式,WebM是一种开放的、免版税的、为web设计的媒体文件格式。
- 低计算空间,支持在任何设备上播放,包括低功耗的上网本、手持设备、平板电脑等。
- 简单的容器格式
- 最高质量的实时视频交付
因为Chrome屏幕捕获录制的视频就是这种格式,感兴趣可以看下这篇文章 《使用浏览器录制屏幕》
总结
随着技术的发展原有的规则会被打破,可能以后我们在浏览器中会看到更多的webp,webm格式的文件,可能你已经注意到在segmentfault网站的图片已经悄悄变成了这种格式(与时俱进)。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。