A collection of 30+ image compression tools, including online compression and CLI tools

Many developers spend a lot of time optimizing web page performance, such as optimizing js, css, reducing http requests, etc., but reducing image size results in more optimization than all other areas combined.

WebUtils Bulk Image Compress 

WebUtils Bulk Image Compress allows to compress and convert images to WebP, JPG, PNG, AVIF and JXL. There is no limit to file size or number of files, but this can be slow if trying to do batch conversions. Quality and size can also be adjusted, so compression is done on the client side.

WebUtils Bulk Image Compress

Compressor.io 

Compressor.io can optimize JPEG, PNG, SVG, GIF, and WebP with lossy or lossless compression, up to 10MB per file. If you want custom compression or use larger files, you have to pay for the premium plan. In this case, compressing the picture is done on the server side, so you will get faster results.

Compressor.io

Imagecompresser.com 

Imagecompresser.com allows uploading up to 10 files simultaneously and supports PNG, JPEG, WebP, JPG and GIF formats. There is no limit to the file size of each image, so this may work for large files of 10 or less.

Imagecompresser.com

AnyWebP 

AnyWebP is designed to convert images in WebP format, which can be converted to JPEG, PNG or ICO. Can be customized based on file size or quality. You can also convert almost any file format (TIFF, PSD, BMP, etc.) to WebP. The tool also provides offline native apps for Mac and Windows for batch conversion. In any case, not a single file is uploaded to the server.

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 plugin
  • pngcrush is a traditional image compression tool that can be used via the command line.
  • Trimage native cross-platform application and command line interface for optimizing JPEG and PNG images.
  • PNGGauntlet is an older, configurable, native application for Windows, Mac, and Linux that optimizes PNGs and converts various formats to PNGs.
  • Pngyu, a native app, uses pngquant to compress images

Original address: www.smashingmagazine.com/2022/07/pow…

Guess you like

Origin juejin.im/post/7122766183421444110