Published on

30+ 图片压缩工具集合,包含在线压缩和CLI工具

Authors
  • avatar
    作者
    狂奔滴小马

许多开发人员花费了大量时间优化网页性能,比如优化 js、css、减少 http 请求等等,但减小图片大小产生的优化比其他所有领域加起来影响更大。

WebUtils Bulk Image Compress 

WebUtils Bulk Image Compress 允许压缩图像并将其转换为 WebP、JPG、PNG、AVIF 和 JXL。不限制文件大小或文件数量,但如果尝试进行批量转换,这可能比较缓慢。还可以调整质量和尺寸,所以压缩在客户端完成。

WebUtils Bulk Image Compress

Compressor.io 

Compressor.io 可以使用有损或无损压缩优化 JPEG、PNG、SVG、GIF 和 WebP,每个文件最高可达 10MB。如果要自定义压缩或使用较大的文件,则必须付费获得高级计划。在这种情况下,压缩图片在服务器端完成,因此将获得更快的结果。

Compressor.io

Imagecompresser.com 

Imagecompresser.com 允许同时上传多达 10 个文件,并支持 PNG、JPEG、WebP、JPG 和 GIF 格式。每个图像的文件大小没有任何限制,因此这可能适用于 10 个或更少的大文件。

Imagecompresser.com

AnyWebP 

AnyWebP 专门用于以 WebP 格式转换图像,可以抓换为 JPEG、PNG 或 ICO。可以根据文件大小或质量进行自定义。也可以将几乎任何文件格式 (TIFF、PSD、BMP 等) 转换为 WebP。该工具还为 Mac 和 Windows 提供离线本机应用程序,可批量转换。无论如何,没有一个文件被上传到服务器。

AnyWebP

Compressimage.io 

Compressimage.io 允许完全离线的图像优化,不限制文件大小或文件数量。唯一的限制是只能压缩 JPEG 和 PNG。自定义选项允许调整压缩级别、图像大小以及是否要转换为 WebP。

Compressimage.io 

JPEG.rocks 

JPEG.rocks, 顾名思义,它是一个隐私友好的 JPEG 图像优化器,完全客户端和开源。文件大小或文件数量没有限制,可以自定义输出文件质量。

JPEG.rocks

Compressor.js 

Compressor.js 与此列表中的其他工具完全不同。它包括十几种不同的设置,可自定义图像质量、大小、mime 类型等。唯一的大限制是必须一次做一个文件。因此,这对于批量调整大小不是一个好的选择,但对于要在特定映像上执行的特定优化是有效的。使用浏览器的本机canvas.toBlob API 做压缩工作。

Compressor.js

Squoosh 

Squoosh is 由 Chrome 实验室团队设计。web 应用程序仅限于单个图像,但它包括几个选项,用于减小尺寸、调色板、选择压缩方法、压缩质量级别以及一系列其他高级设置。支持此工具的引擎也可作为 API 或 CLI 用于批量处理。

Squoosh

SVGOMG 

SVGOMG is 专门用于减小 SVG 图形的大小。它是 SVGO 的 GUI,是基于 Node.js 的工具。SVG 优化器非常有用,因为许多生成 SVG 的程序在生成图像的 SVG 代码中包含多余和无用的信息。

SVGOMG

Optimizilla 

Optimizilla 使用有损压缩来减小 JPEG、GIF 和 PNG 图像的大小。最多可以上传 20 张图像,并且可以选择在下载之前自定义每个图像的压缩级别和质量。

Optimizilla

Shrink Me 

Shrink Me 可批量优化 JPEG、PNG、WebP 或 SVG 图像,而不会造成明显的质量损失。文件数量或文件大小没有限制,但是较大的文件将意味着较慢的压缩过程。

Shrink Me

JPEG Stripper 

JPEG Stripper 通过剥离不必要的数据来优化 JPEG 文件。可用于在不影响图像质量的情况下从 jpeg 中删除所有元数据。一次只允许上传一张图片,因此这仅对几张 JPEG 格式的图片有用。

JPEG Stripper

Shrink Media 

Shrink Media 可优化高达 5000x5000 分辨率的 PNG、JPEG 和 WebP 图像,它也可作为 iOS 或 Android 的移动应用程序使用。使用交互式滑块更改质量级别和照片尺寸。也可以将 URL 粘贴到图像,但此工具仅允许一次优化一个图像。

Shrink Media

OptimizeImages 

OptimizeImages 可减小 SVG、PNG、JPEG、WebP、GIF 和 AVIF 的大小,同时还可以选择转换为 WebP 或 AVIF。 可以扫描你的网站以检查需要优化的图像。优化多达 30 张图像,并选择压缩质量选项 (推荐、中等或超清)。

OptimizeImages

ImagesTool.com 

ImagesTool.com 包括许多不同的图像处理工具。您可以调整大小、转换、压缩图像等。支持 JPEG、WebP、SVG、GIF 和 APNG。客户端全部完成,您可以在无损和自定义压缩之间进行选择。您可以优化的文件数量没有限制,也可以按文件夹上传或粘贴到图像中,不需要上传。

ImagesTool.com

AVPress 

AVPress 有点不同,因为它专门用于优化视频文件和 GIF 动画。它允许一次处理单个视频或 GIF,并包括可应用于所选文件的多个自定义和输出设置。完全在客户端完成。

AVPress

AVIF Converter 

AVIF Converter 允许任何图像格式转换为 AVIF,AVIF 是一种下一代文件格式,声称比 WebP、JPEG、PNG 和 GIF 具有更好的压缩。此应用程序对文件数量或文件大小没有任何限制,但请注意,并非所有现代浏览器都支持 AVIF 格式。

 AVIF Converter 

TinyPNG 

TinyPNG 使用智能有损数据压缩技术优化 WebP、PNG 或 JPEG 文件的工具。一次最多可以上传 20 个,每个大小最多可以上传 5mb。

TinyPNG

图片压缩 CLI 工具  

到目前为止,我列出的工具是手动批处理或一次优化一些图像的好选择。但是在大型项目的背景下,您需要考虑使用不同的工具,这些工具被设计为作为正在进行的工作流或构建过程的一部分。以下是您可以考虑的一些选项:

  • SVGO 是流行的 SVG 优化工具是前面提到的 SVGOMG 背后的核心;
  • libSquoosh 是使用 Squoosh API,允许您构建可动态优化图像的 JavaScript 程序;
  • Squoosh CLI 是 用于使用运行 Squoosh 的引擎的命令行工具;
  • pngquant 专门用于优化 PNG 图像的命令行实用程序;
  • esbuild-squoosh esbuild 插件 使用 Squoosh API
  • imagemin 是一个较旧的 JavaScript 项目,可让您以编程方式优化图像。

根据您使用的构建工具或任务运行程序,上述 imagemin 可能可作为您选择的工具的插件使用。

以下是一些用于不同构建工具的 imagemin 插件:

C 语言压缩工具

  • MozJPEG 是一个用于优化 JPEG 图像的程序,用作图形程序、图像处理工具和类似应用程序的库;
  • jpegoptim 是一个优化 JPEG 文件的工具;
  • libvips 是一个处理图像的库。

其他压缩工具

您可能需要查看其他用于图像优化的工具和资源。这些不一定属于上述类别,但它们可能适合您的特定用例之一。

  • QOI 相当好的图像格式是一种图像格式,它无损地将图像压缩到与 PNG 相似的大小,同时提供 20x-50x 更快的编码和 3x-4x 更快的解码。
  • JXL 不是一个工具,而是一个以 JPEG XL 图像格式为中心的社区网站。
  • UPNG.js 这是流行的 Photopea 应用程序背后的 PNG 引擎,这是一个先进的 PNG/APNG 解码器和编码器,提供有损和无损的优化。
  • Optimus 本机桌面应用程序,允许您压缩、优化和转换支持 JPEG、PNG 和 WebP 格式的图像。
  • ImageOptim Mac app Sketch 插件
  • pngcrush 可以通过命令行使用的传统图像压缩工具。
  • Trimage 本机跨平台应用程序和命令行界面,用于优化 JPEG 和 PNG 图像。
  • PNGGauntlet 适用于 Windows、Mac 和 Linux 的较旧的可配置本机应用程序,可优化 PNG 并将各种格式转换为 PNG。
  • Pngyu 一个本地 App 使用 pngquant 来压缩图片

原文地址: www.smashingmagazine.com/2022/07/pow…

runjs-cool
关注微信公众号,获取最新原创文章(首发)View on GitHub