0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

推荐一款由Google开源的图片压缩器-Squoosh

算法与数据结构 来源:lp 2019-04-03 14:07 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

网页加载速度慢是个很恼人的事情。用户可能愤而关闭网页,转去其他网站,因此,很多网站都会使用一些方法将网站的图片压缩,今天给大家推荐一款由 Google 开源的图片压缩器 -Squoosh。

Squoosh 可帮助网站开发人员快速压缩图片,在保持图片质量的同时,提升网站访问速度。Squoosh 使用起来也非常简单,在浏览器中打开页面后,可点击选择或直接往里面拖图片,在左下方可选择想要生成的图片格式,右下方选择图片质量,再下载即可。

而且Squoosh 用实时对比来展示压缩效果,你可以左右拖动滑块来比较,如下图左边是原图,右边是压缩后的图片,下面提供多种压缩选项。

不难看出Squoosh! 非常简单易用,打开网页后,将图片拖进去等几秒钟就可以下载压缩版本的了。目前支持的格式有:

OptiPNG

MozJPEG

WebP

Browser PNG

Browser JPEG

Browser WebP

目前,squoosh已经在GitHub上获得6676个Star,371个Fork(GitHub地址:https://github.com/GoogleChromeLabs/squoosh/)

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • Google
    +关注

    关注

    5

    文章

    1801

    浏览量

    60264
  • 图片
    +关注

    关注

    0

    文章

    203

    浏览量

    16460
  • 压缩器
    +关注

    关注

    0

    文章

    28

    浏览量

    8186

原文标题:Google 开源的这个图片压缩器,真实用!

文章出处:【微信号:TheAlgorithm,微信公众号:算法与数据结构】欢迎添加关注!文章转载请注明出处。

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    人工智能AI必备的5开源软件推荐!

    在技术浪潮汹涌的当下,越来越多的企业与开发者开始意识到:“开源”已经不只是个口号,而是创新的源泉。 从算法研究到智能应用落地,无数项目的起点,都是个个免费的开源工具。今天,我们就来
    的头像 发表于 11-19 15:35 143次阅读
    人工智能AI必备的5<b class='flag-5'>款</b><b class='flag-5'>开源</b>软件推荐!

    基于开源鸿蒙的图片编辑开发样例(2)

    本期内容介绍基于开源鸿蒙在RK3568上开发图片编辑样例的全流程,分为上篇和下篇,本篇为下篇,主要介绍标记、保存图片功能。
    的头像 发表于 10-31 09:19 2779次阅读
    基于<b class='flag-5'>开源</b>鸿蒙的<b class='flag-5'>图片</b>编辑开发样例(2)

    基于开源鸿蒙的图片编辑开发样例(1)

    本期内容介绍基于开源鸿蒙在RK3568上开发图片编辑样例的全流程,分为上篇和下篇,本篇为上篇,主要介绍添加相册图片、编译图片功能。
    的头像 发表于 10-31 09:16 2761次阅读
    基于<b class='flag-5'>开源</b>鸿蒙的<b class='flag-5'>图片</b>编辑开发样例(1)

    关于E203内核高性能乘法器优化(三)

    4:2压缩器优化 般的4:2压缩器两级3:2压缩器串接起来的,而3:2压缩器的实质就是全
    发表于 10-23 07:43

    关于E203内核高性能乘法器优化(五)

    如下图所示,如果使用改进的4:2压缩器其结构可以如下设计,共需要四层压缩器,最长路径延时为14个标准XOR门。 而对于传统的3:2压缩器
    发表于 10-23 07:18

    关于E203内核高性能乘法器优化(四)

    实现过程如上图所示,个4:2压缩器个3:2压缩器串联组成,这样设计的最长延时路径(critical path)为6个XOR门的延迟。
    发表于 10-23 06:30

    Made with KiCad(138):AnyShake Explorer一款开源、专业级的地震监测系统

    “  AnyShake Explorer 是一款开源、专业级的地震监测系统。在个“黑箱”、价格高昂的系统已成常态的领域,Explorer 改变了这切。 ”   Made with
    的头像 发表于 08-11 11:19 1725次阅读
    Made with KiCad(138):AnyShake Explorer<b class='flag-5'>一款</b><b class='flag-5'>开源</b>、专业级的地震监测系统

    ENNOID-BMS#基于 STM32一款开源的可配置电池管理系统

    ENNOID-BMS ENNOID-BMS 是一款开源的可配置电池管理系统,个基于 STM32 微控制的母板通过 ISOSPI 接口连
    的头像 发表于 06-06 17:55 1204次阅读
    ENNOID-BMS#基于 STM32<b class='flag-5'>一款</b><b class='flag-5'>开源</b>的可配置电池管理系统

    AlphaEvolve:一款基于Gemini的编程Agent,用于设计高级算法

    构思创新理念。如今,Google步扩展这些能力,将其应用于解决数学基础领域和现代计算中高度复杂的难题。 AlphaEvolve 是一款大语言模型驱动的进化式编程代理,致力于通用
    的头像 发表于 05-19 11:19 1465次阅读
    AlphaEvolve:<b class='flag-5'>一款</b>基于Gemini的编程Agent,用于设计高级算法

    CodeBuddy 打造一款响应式图片画廊

    图片画廊页面来作为练手项目,目标很明确:要实现不等高的 Masonry 布局,点击图片能弹出大图预览,还要能通过键盘切换图片。理想状态下,它还应该支持无限滚动加载,并提供分类筛选功能。光想想就觉得挺麻烦的,但我决定用 Code
    的头像 发表于 05-11 13:33 486次阅读
    CodeBuddy 打造<b class='flag-5'>一款</b>响应式<b class='flag-5'>图片</b>画廊

    当没有信号输入时,Multiband RMS压缩器模块输出噪声,什么原因导致的?

    当没有信号输入时,Multiband RMS 压缩器模块输出噪声(可以看到 VU 电平) 帮助文档说因为单引用导致问题?是吗?
    发表于 04-15 07:33

    一款新的播放:Xibo for ChromeOS介绍

    我们非常高兴地宣布与 ChromeOS 合作推出一款新的播放。为您带来 Xibo for ChromeOS!这最新的可靠、高度安全且易于管理的数字标牌解决方案使客户能够充分利用 Xibo CMS
    的头像 发表于 03-14 09:26 1016次阅读

    如何开发一款Google Find My Tag?

    My 网络的配件(如 AirTag)。通过结合 GPS、蓝牙和众包网络,Find My 提供了高精度的定位功能,同时保护用户隐私 Google Find My网络同样也是数亿台运行较新版本
    发表于 03-05 17:39

    一款Cursor开源替代工具之Roo-Cline

    本文将介绍一款 Cursor 的开源替代工具。 Roo-Cline 是个在 IDE 中运行的自主编码 Agent,属于 Cline 的分支,针对速度和灵活性进行了优化,主要特点如下: 命令、写入
    的头像 发表于 01-09 10:27 5945次阅读
    <b class='flag-5'>一款</b>Cursor<b class='flag-5'>开源</b>替代工具之Roo-Cline

    Bananna Pi开源社区联合矽昌通信打造开源的低成本Wifi5路由器

    香蕉派 BPI-Wifi5 路由采用矽昌SF19A2890S2芯片方案设计。它是一款高性能无线路由,适用于小微企业、家庭和其他网络环境。Banana Pi开源社区提供整体解决方案。
    的头像 发表于 12-12 17:10 2015次阅读
    Bananna Pi<b class='flag-5'>开源</b>社区联合矽昌通信打造<b class='flag-5'>开源</b>的低成本Wifi5路<b class='flag-5'>由器</b>