‘壹’ 再见PNG和JPG！WebP格式帮技术小白轻松优化网站图片
WebP格式是一种由谷歌开发的图片格式，它使用了更高效的压缩算法，是谷歌官方推荐的图片优化格式。WebP格式的主要目的是创建更小、更美观的图片，从而帮助提高网站速度。WebP格式支持有损和无损的压缩方法，有损压缩的参数可以调整，以便在文件大小和图片质量之间进行权衡。WebP格式的压缩率通常比JPEG和JPEG 2000平均高出30%，同时又不会降低图片质量。WebP格式的无损图片大小比PNG图片小26%，有损图片比采用等效SSIM质量索引的同类JPEG图片缩小25-34%。WebP格式支持全球96.76%的浏览器，是目前支持范围最广的图片格式之一。
WebP格式对于优化网站速度非常有帮助。在产品详情页，因为图片基本都是渲染出来的，导致图片体积巨大，直接压缩jpg/png体积不理想，并且失真非常严重。首页使用的banner等图片也基本都是渲染出来的，为了追求清晰一般都在1.5M左右，已经是非常大的图片了。转换为WebP格式后，一般都在100KB以内。使用WebP格式可以大幅度减小图片体积，从而加快网站加载速度。
要将图片转换为WebP格式，可以通过一些线上工具类网站或使用WordPress插件来实现。使用线上工具类网站，可以将图片批量转换为WebP格式，效果非常好，肉眼看上去基本没有失真。如果你使用WordPress建站，并且是SiteGround服务器，只需启用SG Optimizer插件就可以将网站已上传图片全都转换为WebP格式，同时新上传的图片自动转换WebP格式。该插件可以将之前上传的jpg/png图片存档，如果遇到不兼容WebP格式的浏览器，会自动展现原图片格式。如果使用的是SiteGround服务器，那么这个插件是免费安装的，但其中功能不会自动开启，需要按照自己的需求来调整。
使用WebP格式时需要注意兼容性。虽然WebP格式还没有得到像jpg/png如此广泛的支持，但现在大多数浏览器都已经支持WebP格式，包括Google Chrome、Mozilla Firefox、Microsoft Edge和Apple Safari等主流浏览器。Webp图片格式的兼容性已经大范围推广开了，目前大概97%的浏览器都支持webp格式的图片。
在使用WebP格式时，需要注意压缩过度可能会影响图像质量。使用WebP格式时，需要注意选择适当的压缩质量，以兼顾图片大小和质量的平衡点。不同的压缩质量会影响WebP格式的大小和质量。建议使用适当的压缩质量来平衡图片大小和质量之间的关系，一般会将数值设置为80%左右。
在使用WebP格式时，应该尽可能减少WebP和其他格式的混合使用，以确保更好的网站性能和用户体验。在使用WebP格式时，应该将其作为首选格式，并尽可能避免使用JPEG或PNG格式。同时，应该定期检查网站中的图片，以确保它们仍然是最优的格式和最适合的大小。WebP格式的使用可以显着提高网站的加载速度，从而提高独立站或平台的用户体验和转化率。
总之，使用WebP格式可以帮助优化网站图片，提高网站速度，改善用户体验。对于WordPress用户来说，使用SiteGround的SG Optimizer插件可以轻松转换WebP格式，并自动为网站原始图片备份，从而消除对用户浏览器兼容性的顾虑。在使用WebP格式时，需要注意兼容性、压缩过度可能影响图像质量、减少WebP与其他格式的混合使用等问题。选择正确的图片格式和压缩参数，可以使网站速度得到显着提升，从而提高网站的转化率和用户体验。
‘贰’ webp是什么格式怎么用ps打开
我们从网上下载的图片经常无法预览，也打不开，很有可能是因为该图片是Webp格式的。Webp是谷歌提出的一种图片压缩算法，在以谷歌的Chrome为内核的众多浏览器中能正常浏览，但在Windows系统中既不能预览也不能打开，而且也不能用Photoshop打开处理。幸而有人做出了对应的插件，可以解决这些问题。
WebP：是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式 VP8。
根据 Google 的测试：
无损压缩后的 WebP 比 PNG 文件少了 45％ 的文件大小，
即使这些 PNG 文件经过其他压缩工具压缩之后，
WebP 还是可以减少 28％ 的文件大小。
在 Photoshop 中使用 WebP 文件格式对在线图像进行无损和有损压缩。
您可以轻松地将 8 位 RGB Photoshop 文档存储为 WebP 文件格式。WebP 格式可提供用于处理 Web 上图像的无损和有损压缩。
在 Photoshop 23.2 中，Photoshop 完全支持 WebP 文件格式。
在 Photoshop 中打开、创建、编辑和保存 WebP 文件，无需插件或首选项设置。
要打开 WebP 文件，请选择并打开该文件，就像打开任何其他受支持的文件或文档一样。除了打开功能外，您现在还可以创建、编辑和保存 WebP 文件。
请按照以下步骤选择 WebP 作为保存文件的首选格式：
完成文档编辑后，导航至文件 > 保存副本。
如果不存在文件覆盖或数据丢失的风险，WebP 也可以作为首选文件格式在文件 > 另存为下提供。
在保存副本对话框中，从格式下拉菜单中选择 WebP 作为首选文件格式，然后单击保存。
根据需要调整设置。
调整设置后选择确定。
下载适用于 Photoshop 23.1 及更低版本的插件要从 Photoshop 23.1 及更低版本中直接打开和保存 WebP 图像，只需下载并安装 WebPShop 插件即可。您可以从 Google 中直接下载拥有并维护 WebP 格式的 WebPShop 插件（具有通用/ARM 支持）。此外，如果持有 Apache 2.0 许可证，则还可以在 GitHub 上获得 WebPShop。
直接下载链接：
此处为隐藏的内容！发表评论并刷新，才能查看发表评论安装增效工具可将下载的增效工具安装在以下位置：
共享的 Creative Cloud 位置：将载入适用于所有已安装 Photoshop 版本的增效工具，无需重复安装。
Windows：Program FilesCommon FilesAdobePlug-InsCC
macOS：/资源库/Application Support/Adobe/Plug-Ins/CC
运行 Photoshop。
隔离增效工具（仅限 macOS）此外，在 macOS 10.15 及更高版本，可通过隔离该增效工具，绕过“无法验证‘WebPShop.plugin’的开发者，所以无法打开它”提示。这是由于该增效工具未经签名而出现的系统提示。最简单的隔离方法是将 WebPShop 增效工具从安装位置拖入终端窗口，以获得正确的版本和路径。
如果要隔离，请在终端窗口（“访达”>“应用程序”>“实用工具”）中运行以下代码：
sudo xattr -r -d com.apple.quarantine /资源库/Application Support/Adobe/Plug-Ins/CC/WebPShop.plugin
大家都在看: CAD怎么绘制标准五角星? CAD安装失败全部都是红叉 cad怎么替换字体? cad快速替换字体的方法 cad加密图纸如何解密? 怎么向CAD添加字体/字库?