需要压缩和优化您网站上的图像以提高网站性能? Google 的图像压缩工具 Squoosh.App 可能是您的不错选择。在本文中,我们将讨论 Squoosh 是什么、如何使用它以及它如何帮助网站所有者优化他们的网站以尽可能为用户提供最佳体验。
什么是 Squoosh.App?
Google 的 Squoosh.App 是由 GoogleChromeLabs 创建的开源图像压缩应用程序。 Squoosh 是基于浏览器的,专为压缩大图像而设计,以便在任何网络浏览器上更快地加载。该应用程序免费供任何人使用,并且可以在 Chrome、Firefox 和 Safari 等主要浏览器中在线和离线使用。
作为旨在优化网站的更大探索性项目的一部分,Squoosh 在 GitHub 上运行。由于高分辨率的大图片会减慢网站加载速度,并且会成为导致速度变慢的各种核心网络要素的一部分,因此 Google 已着眼于帮助网站所有者压缩他们的图像,以获得更好的网站性能和最佳浏览速度。
Squoosh 屏幕是分开的,因此用户可以看到图像压缩前后的结果。此工具可让您瞥见原始图像和压缩图像之间通常可以忽略不计的差异(如果有的话)。但是,经过压缩和优化以提高速度的图像有助于缩短加载时间并提供更好的用户体验。它们甚至可能有助于提高您的 SEO 排名。
在 Squoosh 中压缩图片既快速又简单,用户可以在编辑后立即下载压缩后的图片。现在,让我们看看如何使用该应用程序。
如何使用Squoosh.App
想在Squoosh中压缩图片?这是一个直观而简单的过程,例如上传、编辑然后保存您的网络优化图像。
要开始,请打开一个新的浏览器窗口并导航至 https://squoosh.app/。
接下来可以上传或将您自己的图像拖放到编辑器中。 (不幸的是,您将无法批量工作,因此一次只选择一张图像。)
您的正面图像在滑块的左侧,背面图像在右侧.使用屏幕底部中心的缩放工具放大和缩小。
或者,您可以选择屏幕底部提供的图像之一,用于查看编辑器的工作原理。
上传图片后,您可以使用浏览器界面开始调整它。比较滑块将显示原始图像和压缩图像之间的差异,以便您可以保持项目所需的图像质量水平。
压缩率较低屏幕左上角的方框默认显示原图。您可以使用下拉菜单查看不同的图像选项:
- AVIF
- Browser JPEG
- Browser PNG
- JPEG XL(测试版)
- MozJPEG
- Oxidized PNG
- WebP
- WebP v2(不稳定)
在Squoosh中编辑图片< p>在屏幕的右下角,您会看到编辑菜单。如果您选择调整图像大小或缩小图像的调色板,您可以选择这些选项以查看展开的菜单。
用Squoosh调整图片时说到大小,需要切换很多变量。您可以:
- 选择调整大小的特定方法和预设
- 手动重置图像宽度和高度
- 选择是否保持线性 RGB 和纵横比
- 选择是否预乘 alpha 通道
此外,您可以选择是否要减少图像的调色板以提高网站性能。使用“减少调色板”标题来减少颜色和抖动。
下一步是压缩图像。您可以选择以下三个选项之一:
- OptiPNG,a原始图像的 TIFF、BMP、PNG、GIF 和 PNM(位图图像的另一种形式)格式的 PNG 转换器。此选项压缩和优化图像而不泄露信息。
- MozJPEG,原始图像的 PNG 转换器JPG、BMP 和 PPM 格式。此方法压缩 JPEG,同时保持兼容性和质量。
- WebP,一种由 Google 开发的压缩方法,它同时使用无损和有损压缩。WebP 图像对 SEO 非常友好。
- WebP li>
请注意,即使压缩图像质量为 75%,压缩图像看起来仍然与原始图像几乎相同。
对于高级用户,展开高级设置以调整频道、量化等。
img src="https://www.themez.cn/w p-content/uploads/2023/02/1677266721826.jpg" />
完成后点击屏幕右下角的“下载”按钮保存编辑好的文件。
Squoosh与同类工具对比
针对不同的平台和目的,有多种图像压缩工具可用。选择图像压缩工具时,需要确保它适合您的使用。一些与 Squoosh 具有类似功能的工具要么仅供个人使用(非商业)、付费,要么仅作为为特定设备制作的可下载应用程序提供。
请记住,您需要选择一个不会牺牲图像质量的工具。在分析选项时,您需要检查该工具的压缩图像质量。
最受推荐的 Squoosh 竞争对手之一是 Cesium,这是一款免费的开源图像压缩应用程序。 Cesium 既基于浏览器又可下载,因此用户可以决定如何最好地使用它。或者,图像优化 API 的工作方式类似,付费会员资格起价为每月 12.00 美元。
您还可以找到也可用于解决图像压缩需求的 WordPress 插件。 ShortPixel 和 Muzzy 是可以自动压缩图片的工具。对于想要在不离开仪表板的情况下获得一体化解决方案的 WordPress 用户来说,这样的插件可能是一个不错的选择。
Squoosh 没有其他应用程序所具有的图像批处理或自动化选项。然而,它在压缩图像的同时保持无可挑剔的质量的能力是一个非常重要的优势。最终,根据您的需要选择合适的工具取决于您。
结论
优化图片和加快网站加载时间对于网站访问者和 SEO 排名都至关重要。 Squoosh.app 可帮助您在保持高质量的同时成功压缩网站图像。这是一大优势,尤其是因为网站所有者了解快速加载、美观网站的重要性。但是,最大的缺点是无法批量处理图像。如果这不是一个交易破坏者,Squoosh 是一个非常可靠的选择。
你用过Squoosh吗?或者它听起来像是您可以尝试的工具?在评论中让我们知道您的体验!
特色图片来自 Overearth / shutterstock.com
来源