AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

谷歌实验室发布图片压缩 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:322976

评论 2 条评论

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

大数据行业数据多样性体现在哪里?用堡垒机可以保障大数据安全吗?

行云管家

大数据 数据安全 数据运维

二十载岁月如磐,一位高校女教师的技术坚守之路

华为云开发者联盟

鸿蒙 云主机 昇腾 AI 大底座

mac电脑哪款PDF编辑软件好用?推荐Adobe Acrobat Pro DC Mac 版

Rose

字节豆包发布新模型,AI 一句话 P 图;Google 正式推出 Vids,简单提示即可生成视频演示丨 RTE 开发者日报

声网

KubeEdge 1.19.0版本发布!更完备的节点设备能力,全新的Dashboard体验

华为云原生团队

云计算 容器 云原生

ps2019cc安装教程 附Photoshop cc 2019 激活工具

Rose

申请亚马逊商品详情API需要多少钱

代码忍者

API 接口 API 测试 pinduoduo API

Mac蓝光高清播放工具 Blu-ray Player Pro v3.3.22中文版

Rose

GitLab 升级如何查看升级路径?

极狐GitLab

通义×Milvus:手把手教你打造专属AI技术顾问

Zilliz

AI Milvus 通义

探秘 Parallels Desktop 18虚拟机:为何它是 Mac 用户的福音?

Rose

Clicker for YouTube mac版 YouTube视频播放器

Rose

鸿蒙高质量代码静态检测200条一

龙儿筝

1000%增长!我仅用一个小时搞定!AI智能体+AI小程序=MVP王炸组合!

陈宇明

UML软件建模器 StarUML for Mac v6.3.0 激活版

Rose

速卖通商品详情API实战应用:调用实例与解析

代码忍者

API 接口 pinduoduo API

软件项目中的合作伙伴和供应商:应对挑战的策略

易成研发中心

项目管理 程序员 软件项目管理

常德等保测评机构有哪些?电话多少?

行云管家

等保 等保测评 常德

唯品会商品详情API接口的深度探索与应用实例

代码忍者

API 接口 pinduoduo API

一文介绍MySQL架构

伤感汤姆布利柏

非凸科技支持第49届ICPC亚洲区域赛南京站成功举行

非凸科技

#编程 ICPC

Clicker for Netflix—— 提升奈飞观影体验!

Rose

SoundSource 5:Mac 音频控制器,重塑你的听觉世界!

Rose

脑机接口、嵌入式 AI 、工业级 MR、空间视频和下一代 XR 浏览器丨RTE2024 空间计算和新硬件专场回顾

声网

Luminar Neo:超多功能的照片编辑神器来袭

Rose

鸿蒙高质量代码静态检测200条二

龙儿筝

鸿蒙

万界星空科技轮胎行业MES系统数字化解决方案

万界星空科技

mes 万界星空科技mes 汽车轮胎行业 轮胎mes

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