如何将图像转换为 WebP:PhotoScape X 与在线工具
您可以使用PhotoScape X的批量保存工具或基于浏览器的转换器将JPG或PNG图像转换为WebP。保留原始文件,选择合适的尺寸和压缩,然后在发布前检查清晰度、文件大小和透明度。仅将文件重命名为.webp扩展名并不会转换其格式。
当图像变为WebP时会发生什么变化?
WebP支持有损压缩,会丢弃一些图像信息,也支持无损压缩,可以保留像素信息。它还支持透明度。它可以使照片和说明性图片更小,但并非每次转换都能减小文件大小。将已经经过高度压缩的JPG以高质量或无损模式保存,可能会产生更大的文件。谷歌的WebP常见问题解答解释了这些情况。
调整大小会改变像素尺寸;压缩会减小文件大小;格式转换会将JPG或PNG转换为WebP。这些是独立的决策。一张5000像素宽的照片在狭窄的文章中显示时,可能也需要调整大小。然而,一张用于放大阅读的截图,如果缩小过度,就可能变得难以辨认。
准备原图和输出文件夹
- 保留源文件: 使用单独的原始文件夹和转换后的文件夹,避免覆盖。将有损图像转换回 PNG 不会恢复丢失的细节。
- 识别内容: 区分照片、带小字的屏幕截图和透明图形。普通的静态图像转换可能会使动画失效;请单独检查动画支持。
- 选择尺寸: 考虑文章宽度以及读者是否需要放大图像。在批量处理之前测试一个文件。
- 准备验证: 检查实际格式、像素尺寸和文件大小。在 Windows 资源管理器中显示文件名扩展名也有助于发现意外的双重扩展名。
在 PhotoScape X 中批量保存为 WebP
在 Windows 上,使用 Microsoft Store 中的 PhotoScape X 页面 并检查发布者 Mooii Tech。区分基本应用与专业版及应用内购买,并检查设备的要求。下面的工作流程使用批量保存控件;位置和标签可能因操作系统、语言和版本而异。
- 打开 PhotoScape X 并选择 Batch(批量处理)。
- 选择你的源文件夹并将所需的图像拖入工作区。从一个文件开始,并检查是否启用了不需要的缩放或滤镜。
- 应用任何预定的尺寸更改,然后点击 Save(保存)。
- 选择 WEBP 作为输出格式并配置其质量控制。不要将 WebP 设置与单独的 JPEG 质量选项卡混淆。
- 选择不同的子文件夹或指定的目标位置。检查命名规则和重复文件的处理方式。
- 在发布照片前检查元数据保留情况。EXIF 元数据可记录相机及拍摄信息,GPS 数据则可能暴露地理位置。如果移除元数据,也要检查颜色是否适合预期用途。
- 确认保存,然后从目标文件夹打开结果。只有在第一个结果看起来正确后,才对其余文件应用相同的设置。
如果输出缺失,请检查所选的目标和文件名,而不要假设它替换了原文件。如果格式选项中没有 WebP,请确认你正在使用 PhotoScape X 及相关保存对话框。当已安装的应用程序不提供所需导出功能时,浏览器转换器是另一种选择。
在浏览器中转换,无需安装应用程序
JB FACTORY WebP转换器 支持 PNG、JPG、JPEG 和 BMP 格式,提供质量滑块,并允许单个或 ZIP 下载。该工具声明转换在浏览器中运行。其他服务可能会上传或保留文件,因此不要将该声明应用于每个在线转换器。下列按钮名称对应此页面的英文界面。
- 打开页面并点击 Input Files(选择文件) 或将文件拖到放置区域。处理大照片时,从单张图片开始。
- 调整 Quality(质量)。对于普通照片,80–85 左右可以作为起点,然后进行检查;这并不是普遍的最佳值。
- 点击 Start Conversion(开始转换) 并等待完成。保持标签页打开,并在处理过程中避免刷新。
- 保存单个结果或选择 Download All (ZIP)(全部下载)。在打开和检查 WebP 文件之前,请先解压 ZIP 文件。
大文件可能需要更多的设备内存和处理时间。如果浏览器挂起,请减少批量大小或使用桌面应用程序。对于敏感材料,请先检查工具的处理和隐私条款,或选择不经过网络传输的本地工作流程。
根据实际效果选择质量,不要只看数值
质量 80 并不意味着“保留原始信息的 80%”。不同工具和压缩模式下,刻度和输出会有所不同。对照片,建议从 80–85 左右开始,并检查头发、叶片、渐变及其他细节。小字体、表格和图表可能需要更高的质量或无损输出。自动将每张截图都保存为低质量可能会损坏字母边缘和颜色边界。
质量设为 100 也不一定代表无损压缩。谷歌的 cwebp 文档 区分了有损质量设置和无损模式。如果需要无损输出,应检查是否有明确选项,而不是假设将滑块移动到最大值就能达到相同效果。
下表列出本文现有示例文件的检查结果,图像尺寸为 1,672 × 941 像素。1 KiB 等于 1,024 字节。这是对这些文件的检查,而不是重新进行的转换实验;文件名中记录的质量值与其实际压缩类型有所区分。
| 现有样本 | 实际格式 | 文件大小 |
|---|---|---|
| 原始 PNG | PNG | 1,607,084 字节 · 大约 1,569.4 KiB |
| 文件名中带有 100 的 WebP | 无损 WebP | 1,233,886 字节 · 大约 1,205.0 KiB |
| 文件名中带有 90 的 WebP | 有损 WebP | 105,818 字节 · 约 103.3 KiB |
| 文件名中带有 80 的 WebP | 有损 WebP | 64,646 字节 · 约 63.1 KiB |
在这个例子中,压缩模式也不同。它并没有显示将滑块从 100 降到 90 会对每个图像产生相同的大小变化。请打开 原始 PNG、无损 WebP 或 标有 90 的 WebP 与下面标有 80 的样本进行比较。
将整个图像缩放以适应屏幕可能会隐藏损坏。检查预期的显示尺寸和 100% 视图,然后选择一个较小但仍然足够清晰以满足用途的文件。如果看起来模糊,请返回原文件并调整尺寸或质量。反复压缩已经降质的转换文件不会恢复丢失的细节。
在博客中检查转换后的文件
- 文件属性: 验证实际格式是否为 WebP,以及尺寸和方向是否正确。重新导出仅扩展名已更改或无法打开的文件。
- 外观: 检查文本、边缘、照片细节和颜色。将透明边缘与浅色和深色背景进行对比检查。
- 上传: 确认 WordPress 媒体预览和生成的尺寸是否正常工作。支持情况取决于版本、浏览器以及图像处理路径。如果上传失败,请在 工具 → 站点健康状况 下查看媒体信息,并在必要时联系您的主机提供商。
- 已发布页面: 检查桌面端和移动端。在替换现有图像后,清除相关缓存,即可能仍然显示旧图像的临时副本;浏览器的网络工具可以确认实际传送的格式和尺寸。
WordPress 在 5.8 版本中加入了 WebP 支持;7.1 还在受支持的浏览器中使用客户端图像处理。不要假设其条件与完全在服务器端处理相同:应在实际网站上测试上传和缩略图。对于自动转换和多尺寸管理,可以参阅 WordPress 图像优化插件比较。





