小布工坊.
← 回到资源库

资源详情 · 图片与视频

Squoosh:把图片变小再分享

在浏览器对比压缩前后的画质与体积,适合准备网页配图和投稿图片。

资源正文、示例和许可证保留原文。代码仅展示,不会在线执行或调用AI。

资源详情

适合图片太大、想减小文件体积但不想安装专业修图软件的人。它做图片压缩与格式转换,不负责生成图片;先保留原图,再导出副本。

使用前准备

适用平台
浏览器
内容更新
  • 准备能运行 JavaScript 的现代浏览器和一份不含隐私的测试材料;首次无需安装编程环境。
  • 准备一张自己有权使用的图片,先保留原件;普通压缩无需下载源码或模型。

从官方网页直接选图、对比、下载;不需要 npm 或其他安装命令。

常见卡点

  • JPEG 不保留透明背景;小字截图过度压缩后可能难以阅读,先对照再下载。
  • 官方 README 说明本机处理图片,也列出分析统计;不将本机处理解释为无网络请求。本站未实机压缩测试。
官方网站与安装说明 ↗

开始完整案例 →

完整正文

【你能完成的小目标】把一张自己的照片压缩成更小的副本,比较清晰度是否仍然够用。

【开始前准备】用现代浏览器打开 https://squoosh.app ,无需先下载 GitHub 源码、Node.js 或模型。准备一张自己有权处理的图片,保留原件。

【第一次尝试】把图片拖进页面,在右侧选择输出格式和质量,拖动对比线检查文字、边缘和人脸。确认体积下降后,再下载结果;网页截图含小字时不要只追求最小体积。

【遇到问题先看这里】透明背景要选择支持透明度的格式,例如 PNG 或 WebP,JPEG 不保留透明度。尺寸和格式要符合最终上传网站的要求。官方 README 说明图片在本机浏览器处理,同时列出分析统计;本机处理不等于网站完全没有网络请求。旧开发分支快照仅供追溯许可,不推荐新手照其开发命令搭环境。

【来源与许可】GoogleChromeLabs / Squoosh 项目贡献者;固定提交 e8d35e0fb66eb16eff6fe8fc773eabcbb7128de3,提交日期 2024-08-19。上游 Apache-2.0 允许商用、修改和再分发,无需为这些已授予的权利另行联系作者;分发时附完整许可,保留适用版权等声明,修改文件要显著标注,并按第 4 条保留适用 NOTICE。该许可不授予品牌或商标使用权。本次核对的仓库根目录没有独立 NOTICE 文件;不据此推定各依赖也没有声明义务。

【核验范围】2026-10-23 阅读官方仓库、固定提交的 README 和完整 LICENSE,核对上手入口;核对时仓库未归档。本站未安装实测这些工具,本条是原创中文导览,按 CC BY 4.0 分享,不附上游源码、安装包、图标、字体或示例素材。核验许可不等于完成安全审计,也不代表原作者为本站背书。依赖、素材、商标、云服务和应用商店有各自条款;将来分发具体文件时,仍需逐项核对。

使用教程

用一张自己的图片练习减小文件体积。这里的目标是“够清楚且更小”,不必追求最小数字。

  1. 打开网页并放入图片副本

    从上方的官方入口打开 Squoosh,将一张有权处理的图片拖入页面,保留原文件。这个练习不需要下载源码、Node.js 或模型。

  2. 调一点质量,再对比

    选择输出格式和质量,拖动对比线查看文字、人物和边缘是否明显变糊。需要透明背景时选择支持透明度的格式,例如 PNG 或 WebP。

  3. 下载并打开压缩后的图片

    将结果下载成新文件,比较原图和新图的文件体积,再打开新图检查细节。若准备上传到某个网站,也核对它要求的尺寸和文件格式。

预期输出

得到一张体积比原图更小、关键文字和画面仍能看清的图片副本;原图继续保留。

2026-10-23 已阅读官方入口、固定提交 README 和完整许可证,按资料编写这个练习;本站未安装、操作或实测上游工具,界面与导出结果请在自己的设备核对。

适合用在哪里

  • 准备网页或投稿配图
  • 减小普通照片文件体积

注意事项

  • JPEG 不支持透明背景,含小字截图过度压缩后可能难以辨认。
  • 官方说明图片在浏览器本机处理,同时列出分析统计;不将其理解为网站没有网络请求。

原作者与来源

署名
本站导览
上游作者
GoogleChromeLabs / Squoosh 项目贡献者
来源版本
e8d35e0fb66eb16eff6fe8fc773eabcbb7128de3
许可核对日期
2026-10-23

完整许可证

CC BY 4.0

CC BY 4.0 · 阅读完整许可原文 ↗

上游许可 · Apache-2.0


                                 Apache License
                           Version 2.0, January 2004
                        http://www.apache.org/licenses/

   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION

   1. Definitions.

      "License" shall mean the terms and conditions for use, reproduction,
      and distribution as defined by Sections 1 through 9 of this document.

      "Licensor" shall mean the copyright owner or entity authorized by
      the copyright owner that is granting the License.

      "Legal Entity" shall mean the union of the acting entity and all
      other entities that control, are controlled by, or are under common
      control with that entity. For the purposes of this definition,
      "control" means (i) the power, direct or indirect, to cause the
      direction or management of such entity, whether by contract or
      otherwise, or (ii) ownership of fifty percent (50%) or more of the
      outstanding shares, or (iii) beneficial ownership of such entity.

      "You" (or "Your") shall mean an individual or Legal Entity
      exercising permissions granted by this License.

      "Source" form shall mean the preferred form for making modifications,
      including but not limited to software source code, documentation
      source, and configuration files.

      "Object" form shall mean any form resulting from mechanical
      transformation or translation of a Source form, including but
      not limited to compiled object code, generated documentation,
      and conversions to other media types.

      "Work" shall mean the work of authorship, whether in Source or
      Object form, made available under the License, as indicated by a
      copyright notice that is included in or attached to the work
      (an example is provided in the Appendix below).

      "Derivative Works" shall mean any work, whether in Source or Object
      form, that is based on (or derived from) the Work and for which the
      editorial revisions, annotations, elaborations, or other modifications
      represent, as a whole, an original work of authorship. For the purposes
      of this License, Derivative Works shall not include works that remain
      separable from, or merely link (or bind by name) to the interfaces of,
      the Work and Derivative Works thereof.

      "Contribution" shall mean any work of authorship, including
      the original version of the Work and any modifications or additions
      to that Work or Derivative Works thereof, that is intentionally
      submitted to Licensor for inclusion in the Work by the copyright owner
      or by an individual or Legal Entity authorized to submit on behalf of
      the copyright owner. For the purposes of this definition, "submitted"
      means any form of electronic, verbal, or written communication sent
      to the Licensor or its representatives, including but not limited to
      communication on electronic mailing lists, source code control systems,
      and issue tracking systems that are managed by, or on behalf of, the
      Licensor for the purpose of discussing and improving the Work, but
      excluding communication that is conspicuously marked or otherwise
      designated in writing by the copyright owner as "Not a Contribution."

      "Contributor" shall mean Licensor and any individual or Legal Entity
      on behalf of whom a Contribution has been received by Licensor and
      subsequently incorporated within the Work.

   2. Grant of Copyright License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      copyright license to reproduce, prepare Derivative Works of,
      publicly display, publicly perform, sublicense, and distribute the
      Work and such Derivative Works in Source or Object form.

   3. Grant of Patent License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      (except as stated in this section) patent license to make, have made,
      use, offer to sell, sell, import, and otherwise transfer the Work,
      where such license applies only to those patent claims licensable
      by such Contributor that are necessarily infringed by their
      Contribution(s) alone or by combination of their Contribution(s)
      with the Work to which such Contribution(s) was submitted. If You
      institute patent litigation against any entity (including a
      cross-claim or counterclaim in a lawsuit) alleging that the Work
      or a Contribution incorporated within the Work constitutes direct
      or contributory patent infringement, then any patent licenses
      granted to You under this License for that Work shall terminate
      as of the date such litigation is filed.

   4. Redistribution. You may reproduce and distribute copies of the
      Work or Derivative Works thereof in any medium, with or without
      modifications, and in Source or Object form, provided that You
      meet the following conditions:

      (a) You must give any other recipients of the Work or
          Derivative Works a copy of this License; and

      (b) You must cause any modified files to carry prominent notices
          stating that You changed the files; and

      (c) You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and

      (d) If the Work includes a "NOTICE" text file as part of its
          distribution, then any Derivative Works that You distribute must
          include a readable copy of the attribution notices contained
          within such NOTICE file, excluding those notices that do not
          pertain to any part of the Derivative Works, in at least one
          of the following places: within a NOTICE text file distributed
          as part of the Derivative Works; within the Source form or
          documentation, if provided along with the Derivative Works; or,
          within a display generated by the Derivative Works, if and
          wherever such third-party notices normally appear. The contents
          of the NOTICE file are for informational purposes only and
          do not modify the License. You may add Your own attribution
          notices within Derivative Works that You distribute, alongside
          or as an addendum to the NOTICE text from the Work, provided
          that such additional attribution notices cannot be construed
          as modifying the License.

      You may add Your own copyright statement to Your modifications and
      may provide additional or different license terms and conditions
      for use, reproduction, or distribution of Your modifications, or
      for any such Derivative Works as a whole, provided Your use,
      reproduction, and distribution of the Work otherwise complies with
      the conditions stated in this License.

   5. Submission of Contributions. Unless You explicitly state otherwise,
      any Contribution intentionally submitted for inclusion in the Work
      by You to the Licensor shall be under the terms and conditions of
      this License, without any additional terms or conditions.
      Notwithstanding the above, nothing herein shall supersede or modify
      the terms of any separate license agreement you may have executed
      with Licensor regarding such Contributions.

   6. Trademarks. This License does not grant permission to use the trade
      names, trademarks, service marks, or product names of the Licensor,
      except as required for reasonable and customary use in describing the
      origin of the Work and reproducing the content of the NOTICE file.

   7. Disclaimer of Warranty. Unless required by applicable law or
      agreed to in writing, Licensor provides the Work (and each
      Contributor provides its Contributions) on an "AS IS" BASIS,
      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
      implied, including, without limitation, any warranties or conditions
      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
      PARTICULAR PURPOSE. You are solely responsible for determining the
      appropriateness of using or redistributing the Work and assume any
      risks associated with Your exercise of permissions under this License.

   8. Limitation of Liability. In no event and under no legal theory,
      whether in tort (including negligence), contract, or otherwise,
      unless required by applicable law (such as deliberate and grossly
      negligent acts) or agreed to in writing, shall any Contributor be
      liable to You for damages, including any direct, indirect, special,
      incidental, or consequential damages of any character arising as a
      result of this License or out of the use or inability to use the
      Work (including but not limited to damages for loss of goodwill,
      work stoppage, computer failure or malfunction, or any and all
      other commercial damages or losses), even if such Contributor
      has been advised of the possibility of such damages.

   9. Accepting Warranty or Additional Liability. While redistributing
      the Work or Derivative Works thereof, You may choose to offer,
      and charge a fee for, acceptance of support, warranty, indemnity,
      or other liability obligations and/or rights consistent with this
      License. However, in accepting such obligations, You may act only
      on Your own behalf and on Your sole responsibility, not on behalf
      of any other Contributor, and only if You agree to indemnify,
      defend, and hold each Contributor harmless for any liability
      incurred by, or claims asserted against, such Contributor by reason
      of your accepting any such warranty or additional liability.

   END OF TERMS AND CONDITIONS

   APPENDIX: How to apply the Apache License to your work.

      To apply the Apache License to your work, attach the following
      boilerplate notice, with the fields enclosed by brackets "[]"
      replaced with your own identifying information. (Don't include
      the brackets!)  The text should be enclosed in the appropriate
      comment syntax for the file format. We also recommend that a
      file or class name and description of purpose be included on the
      same "printed page" as the copyright notice for easier
      identification within third-party archives.

   Copyright [yyyy] [name of copyright owner]

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

阅读完整许可原文 ↗

验证范围

浏览器流程已试用

已在 Squoosh 网页用本站固定练习图完成选图、压缩预览和下载;未安装上游项目,也未进行安全审计。

2026-10-23 Chrome/内嵌浏览器 · Squoosh 网页

PNG · 366792 bytes → JPEG · 10999 bytes