GG资源网

谷歌Squoosh.App图片优化压缩工具使用图文教程

谷歌Squoosh.App图片优化压缩工具使用图文教程插图

有没有免费的图片压缩和优化工具去处理你网站上的图片以提高网站性能?谷歌的图像压缩工具Squoosh.App可能是你的一个不错的选择。在这篇文章中,将介绍什么是Squoosh,如何使用它以及它如何帮助网站所有者优化他们的网站,尽可能为用户提供最佳体验。

什么是Squoosh.App?

谷歌的Squoosh.App是一个开源的图像压缩应用程序,由GoogleChromeLabs创建。Squoosh是基于浏览器的,专门设计用于压缩大型图像,以便在任何网络浏览器上快速加载。该应用程序对任何人都是免费的,并且可以在每一个主要的浏览器(如Chrome、Firefox和Safari)中在线和离线工作。

Squoosh在GitHub上运行,是一个旨在优化网站的大型开源性项目的一部分。由于大型、高分辨率的图像会减慢网站的加载速度,并成为各种核心网络指标的核心部分,谷歌已经把目光投向帮助网站所有者压缩他们的图像,以获得更好的网站性能和最佳浏览速度。

Squoosh界面被划分,因此用户可以看到其图像压缩的前后结果。这个工具可以让你偷看原始图像和压缩后的图像之间通常可以忽略不计的差异–如果可以注意的话。然而,经过压缩和速度优化的图像有助于加快加载时间和更好的用户体验。它们甚至可能有助于提高你的SEO排名。

在Squoosh中压缩图片是快速而简单的,用户可以在编辑后立即下载他们压缩的图片。现在,让我们来看看如何使用这个应用程序。

如何使用Squoosh.App

想在Squoosh中压缩一张图片吗?这是一个直观、简单的过程,就像上传、编辑、然后保存你的网络优化图像一样简单。

首先,打开一个新的浏览器窗口,导航到https://squoosh.app/。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图1

接下来,你可以上传或拖放你自己的图片到编辑器中。(不幸的是,你不能分批工作,所以一次只选一张图片)。你之前的图片在滑块栏的左边,之后的图片在右边。使用屏幕底部中间的缩放工具放大和缩小。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图2

或者你可以选择屏幕底部提供的图片之一,看看编辑器如何工作。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图3

一旦你上传了你的图像,你可以使用浏览器界面开始调整它。比较滑块将显示原始图像和你的压缩图像之间的差异,因此你可以保持你的项目所需的图像质量水平。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图4

在你的屏幕左下角的压缩框中,默认显示你的原始图像。你可以使用下拉菜单来查看不同的图像选项。

  • AVIF
  • Browser JPEG
  • Browser PNG
  • JPEG XL (beta)
  • MozJPEG
  • OxiPNG
  • WebP
  • WebP v2 (unstable)
谷歌Squoosh.App图片优化压缩工具使用图文教程插图5

在Squoosh中编辑你的图像

在屏幕的右下方,你会看到编辑菜单。如果你选择调整图像的大小或减少图像的调色板,你可以选择这些选项,看到一个扩大的菜单。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图6

当谈到用Squoosh调整你的图片大小时,你有许多变量可以切换。你可以选择:

  • 选择一个特定的方法和预设来调整大小
  • 手动重置图像的宽度和高度
  • 选择是否保持线性RGB和长宽比
  • 选择是否对阿尔法通道进行预倍增

此外,你可以选择是否要减少图像的调色板以提高网站性能。使用减少调色板标题下的滑块来降低颜色和抖动。接下来,是时候压缩你的图像了。你可以从三个选项中选择一个。

  • OptiPNG,一个PNG转换器,用于TIFF、BMP、PNG、GIF和PNM(另一种形式的位图图像)格式的原始图像。这个选项在不影响信息的情况下对图像进行压缩和优化。
  • MozJPEG,一个PNG转换器,用于JPG、BMP和PPM格式的原始图像。这种方法在压缩JPEG的同时保留了兼容性和质量。
  • WebP,一种由谷歌开发的压缩方法,利用无损和有损压缩。WebP图像对SEO非常友好。

请注意,在这里,即使在压缩后75%的图像质量下,压缩后的图像看起来仍然与原始图像几乎相同。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图7

对于高级用户,扩展高级设置,以调整通道、量化和更多。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图8

当你完成后,点击屏幕右下角的下载按钮,保存你编辑的文件。

谷歌Squoosh.App图片优化压缩工具使用图文教程插图9

Squoosh与同类工具相比的情况

有多种图像压缩工具可用于不同的平台和用途。当你选择一个图像压缩工具时,你要确保它适合你的用途。一些与Squoosh功能相似的工具要么只适合个人使用(非商业),要么是付费的,要么是只适合特定设备的可下载应用。

请记住,你要选择一个不会牺牲你的图像质量的工具。当你分析你的选择时,你要检查该工具的图像质量后压缩。最值得推荐的Squoosh竞争对手之一是Caesium,一个免费的、开源的图像压缩应用程序。Caesium既基于浏览器又可下载,所以用户可以决定如何最好地利用它。另外,ImageOptim API的功能与此类似,付费会员每月12美元起。

你也可以找到解决图像压缩需求的WordPress插件。ShortPixel和Smush是可以自动进行图像压缩的工具。对于那些想在不离开他们的仪表板的情况下获得一个一体化解决方案的WordPress用户来说,这样的插件可能是一个很好的选择。

Squoosh并不像其他应用程序那样拥有图像批处理或自动化选项。然而,它在保持无可挑剔的质量的同时压缩图片的能力是一个令人难以置信的重要优势。最终,选择合适的工具来满足你的需求取决于你。

最后总结

优化你的图片和加快网站加载时间对网站访问者和SEO排名都是至关重要的,Squoosh.app帮助你成功地压缩你的网站图片,同时保持高质量。这是一个很大的优势,尤其是网站所有者了解快速加载的自己网站的重要性。当然了最大的缺点是无法批量处理图片。如果这不是一个你考虑的因素或者说你根本不在意,那Squoosh是一个相当可靠的选择。

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 谷歌Squoosh.App图片优化压缩工具使用图文教程

发表回复

CAPTCHAis initialing...