写点什么

谷歌实验室发布图片压缩 PWA:Squoosh

  • 2018-12-07
  • 本文字数:1051 字

    阅读完需:约 3 分钟

谷歌实验室发布图片压缩PWA:Squoosh

2018 Google Chrome开发者峰会上,Google 发布了Squoosh,这是一个开源的图片压缩渐进式 Web 应用(PWA),它同时也是现代 Web 技术的一个实际展示。


Squoosh 提供了一种快捷和简易的机制,能够实现多种格式的图片压缩。用户可以直接浏览 Squoosh.app,将图片拖放至浏览器的 Tab 标签中,然后能够尝试多种图片优化和转换的设置。这个应用会在屏幕的两侧分别展现按照选定的压缩配置在压缩前和压缩后的图片视图。


就目前来看,Squoosh 不会成为众多图片压缩应用的竞争者,这种应用包括传统的图片编辑工具,如 Photoshop 和 Sketch.app,以及基于 Web 的服务,如TinyPNGImageResize.orgCompressor.io,还包括各种桌面应用。


谷歌实验室发布 Squoosh 的主要目标是演示高级 web 应用程序如何利用现代技术在 web 浏览器中提供高性能的体验。


Squoosh 使用了多项技术来交付可靠的用户体验:



Squoosh 遵循了很多现代化的模式,包括:


  • async/await;

  • 使用 Canvas 进行图片绘制;

  • Decorators(目前早期草案版本得到了 TypeScript 的支持);

  • meta,目前由 Dojo 和其他组织在推广,在反应式架构中,能够提供各种属性;

  • 可离线使用的渐进式Web应用(PWA)和 service worker;

  • 使用 JSX 的反应式、虚拟 DOM 架构,由 React 在推广支持。


Squoosh 支持各种图像压缩格式,包括 BMP、GIF、JP2、JPEG、MozJPEG、PDF、PNG、TIFF 和 WebP。对图像压缩的支持因浏览器而异。例如,Firefox 支持对 BMP 进行编码,Safari 将编码功能委托给操作系统实现并且支持更多的格式,而 Chrome 本身支持的格式更少一些。Squoosh 使用 WebAssembly 来处理不同浏览器中不包含某些图像编解码器的场景,并用其执行编码和解码过程。


Squoosh 可以在 Apache 2 开源许可证下获取。谷歌鼓励开发者在遵循Squoosh贡献指南的前提下,通过Squoosh GitHub 项目为其做出贡献。

英文原文

https://www.infoq.com/news/2018/11/google-squoosh-pwa-webassembly


2018-12-07 15:323020

评论 2 条评论

发布
用户头像
看来基于node.js的photoshop离我们并不远了嘿:)
2018-12-09 12:45
回复
没有更多了
发现更多内容

架构师训练营第 02周—— 练习

李伟

极客大学架构师训练营

架构师训练营总结 -2

River Tree

架构 总结 软件设计原则

架构师训练营第二周总结

好名字

极客大学架构师训练营 作业

极客时间第 0 期架构师训练营第二周作业

2流程序员

第2周 学习总结

sunpengjian

设计模式与设计原则(第二周总结)

麻辣

Week02总结

leis

架构师训练营第二周总结

草原上的奔跑

第三课 容我三思

Geek_bobo

极客大学第二周作业

方堃

极客大学

Wireshark的使用与数据分析(三)--显示过滤器

姬翔

Wireshark

架构师训练营-Week 02 命题作业

华乐彬

极客大学架构师训练营 设计原则

第二课作业

lwyanhao

第二周作业

孙强

架构师课程第二周总结

dongge

Homework-依赖倒置原则的理解

River Tree

Homework 依赖倒置原则

第二周作业 - 命题作业

molly

极客大学架构师训练营

【第二周】命题作业——软件设计原则

三尾鱼

面向对象 极客大学架构师训练营

第二周总结

孙强

week2-依赖倒置原则&接口隔离原则

暖丶冬

架构师训练营第二周作业

15359861984

第二周作业

nihuihua

架构师训练营丨第二周丨学习总结

Frode

极客大学架构师训练营

第2周 架构师实现自己架构目标的主要手段

陆不得

解决 Jenkins 中使用代理来执行 npm install 的问题

jerry.mei

Docker DevOps 运维 jenkins

架构师训练营 No.2 周总结

连增申

第二课学习总结

lwyanhao

架构师训练营week2 命题作业

Geek_z9dmvw

架构师训练营-第二周-总结

狂奔嘀兔纸

极客大学架构师训练营

第二周学习笔记

方堃

学习

第二周作业

Geek_2b3614

谷歌实验室发布图片压缩PWA:Squoosh_大前端_Dylan Schiemann_InfoQ精选文章