许多开发人员花费了大量时间优化网页性能,比如优化 js、css、减少 http 请求等等,但减小图片大小产生的优化比其他所有领域加起来影响更大。
WebUtils Bulk Image Compress
WebUtils Bulk Image Compress 允许压缩图像并将其转换为 WebP、JPG、PNG、AVIF 和 JXL。不限制文件大小或文件数量,但如果尝试进行批量转换,这可能比较缓慢。还可以调整质量和尺寸,所以压缩在客户端完成。
Compressor.io
Compressor.io 可以使用有损或无损压缩优化 JPEG、PNG、SVG、GIF 和 WebP,每个文件最高可达 10MB。如果要自定义压缩或使用较大的文件,则必须付费获得高级计划。在这种情况下,压缩图片在服务器端完成,因此将获得更快的结果。
Imagecompresser.com
Imagecompresser.com 允许同时上传多达 10 个文件,并支持 PNG、JPEG、WebP、JPG 和 GIF 格式。每个图像的文件大小没有任何限制,因此这可能适用于 10 个或更少的大文件。
AnyWebP
AnyWebP 专门用于以 WebP 格式转换图像,可以抓换为 JPEG、PNG 或 ICO。可以根据文件大小或质量进行自定义。也可以将几乎任何文件格式 (TIFF、PSD、BMP 等) 转换为 WebP。该工具还为 Mac 和 Windows 提供离线本机应用程序,可批量转换。无论如何,没有一个文件被上传到服务器。
Compressimage.io
Compressimage.io 允许完全离线的图像优化,不限制文件大小或文件数量。唯一的限制是只能压缩 JPEG 和 PNG。自定义选项允许调整压缩级别、图像大小以及是否要转换为 WebP。
JPEG.rocks
JPEG.rocks, 顾名思义,它是一个隐私友好的 JPEG 图像优化器,完全客户端和开源。文件大小或文件数量没有限制,可以自定义输出文件质量。
Compressor.js
Compressor.js 与此列表中的其他工具完全不同。它包括十几种不同的设置,可自定义图像质量、大小、mime 类型等。唯一的大限制是必须一次做一个文件。因此,这对于批量调整大小不是一个好的选择,但对于要在特定映像上执行的特定优化是有效的。使用浏览器的本机canvas.toBlob
API 做压缩工作。
Squoosh
Squoosh is 由 Chrome 实验室团队设计。web 应用程序仅限于单个图像,但它包括几个选项,用于减小尺寸、调色板、选择压缩方法、压缩质量级别以及一系列其他高级设置。支持此工具的引擎也可作为 API 或 CLI 用于批量处理。
SVGOMG
SVGOMG is 专门用于减小 SVG 图形的大小。它是 SVGO 的 GUI,是基于 Node.js 的工具。SVG 优化器非常有用,因为许多生成 SVG 的程序在生成图像的 SVG 代码中包含多余和无用的信息。
Optimizilla
Optimizilla 使用有损压缩来减小 JPEG、GIF 和 PNG 图像的大小。最多可以上传 20 张图像,并且可以选择在下载之前自定义每个图像的压缩级别和质量。
Shrink Me
Shrink Me 可批量优化 JPEG、PNG、WebP 或 SVG 图像,而不会造成明显的质量损失。文件数量或文件大小没有限制,但是较大的文件将意味着较慢的压缩过程。
JPEG Stripper
JPEG Stripper 通过剥离不必要的数据来优化 JPEG 文件。可用于在不影响图像质量的情况下从 jpeg 中删除所有元数据。一次只允许上传一张图片,因此这仅对几张 JPEG 格式的图片有用。
Shrink Media
Shrink Media 可优化高达 5000x5000 分辨率的 PNG、JPEG 和 WebP 图像,它也可作为 iOS 或 Android 的移动应用程序使用。使用交互式滑块更改质量级别和照片尺寸。也可以将 URL 粘贴到图像,但此工具仅允许一次优化一个图像。
OptimizeImages
OptimizeImages 可减小 SVG、PNG、JPEG、WebP、GIF 和 AVIF 的大小,同时还可以选择转换为 WebP 或 AVIF。 可以扫描你的网站以检查需要优化的图像。优化多达 30 张图像,并选择压缩质量选项 (推荐、中等或超清)。
ImagesTool.com
ImagesTool.com 包括许多不同的图像处理工具。您可以调整大小、转换、压缩图像等。支持 JPEG、WebP、SVG、GIF 和 APNG。客户端全部完成,您可以在无损和自定义压缩之间进行选择。您可以优化的文件数量没有限制,也可以按文件夹上传或粘贴到图像中,不需要上传。
AVPress
AVPress 有点不同,因为它专门用于优化视频文件和 GIF 动画。它允许一次处理单个视频或 GIF,并包括可应用于所选文件的多个自定义和输出设置。完全在客户端完成。
AVIF Converter
AVIF Converter 允许任何图像格式转换为 AVIF,AVIF 是一种下一代文件格式,声称比 WebP、JPEG、PNG 和 GIF 具有更好的压缩。此应用程序对文件数量或文件大小没有任何限制,但请注意,并非所有现代浏览器都支持 AVIF 格式。
TinyPNG
TinyPNG 使用智能有损数据压缩技术优化 WebP、PNG 或 JPEG 文件的工具。一次最多可以上传 20 个,每个大小最多可以上传 5mb。
图片压缩 CLI 工具
到目前为止,我列出的工具是手动批处理或一次优化一些图像的好选择。但是在大型项目的背景下,您需要考虑使用不同的工具,这些工具被设计为作为正在进行的工作流或构建过程的一部分。以下是您可以考虑的一些选项:
- SVGO 是流行的 SVG 优化工具是前面提到的 SVGOMG 背后的核心;
- libSquoosh 是使用 Squoosh API,允许您构建可动态优化图像的 JavaScript 程序;
- Squoosh CLI 是 用于使用运行 Squoosh 的引擎的命令行工具;
- pngquant 专门用于优化 PNG 图像的命令行实用程序;
- esbuild-squoosh esbuild 插件 使用 Squoosh API
- imagemin 是一个较旧的 JavaScript 项目,可让您以编程方式优化图像。
根据您使用的构建工具或任务运行程序,上述 imagemin 可能可作为您选择的工具的插件使用。
以下是一些用于不同构建工具的 imagemin 插件:
- rollup-plugin-imagemin
- parcel-plugin-imagemin
- grunt-contrib-imagemin
- gulp-imagemin
- ImageMinimizerWebpackPlugin
- snowpack-plugin-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…