截图展示英文版应用。预设名称和设置项也提供应用内的本地化版本。

从这组设置开始

在 PixRinse 中选择 Web 高质量,再按接收平台的实际要求检查以下设置。

本案例使用的设置
输出WebP
质量82
长边1920 px,仅缩小
颜色转换为 sRGB
PixRinse Web 高质量 预设,带有 WebP 输出和 1920 px 长边规则
本演练使用的设置。选择屏幕截图以完整尺寸检查它。

具体操作步骤

  1. 收集网站图片

    使用您拥有的最高质量的源文件进行工作。将原件与打算出版的文件分开。

  2. 选择Web 高质量

    此预设使用 WebP 质量 82、1920 px 最大长边和网络安全元数据。将长边调整为您的实际布局。

  3. 比较视觉结果

    查看渐变、小文本和详细的边缘。质量设置是一个起点,而不是对特定视觉结果或节省百分比的承诺。

  4. 导出和集成

    检查每个文件的输出格式和状态。如果同一页面需要多种宽度,请使用 响应式 Web 预设。

本教程的实际文件

这个案例的实际结果

3072 × 2048 PNG 变为 1920 × 1280 WebP。设置屏幕截图明确显示了质量 82 和 转换为 sRGB。

质量
82
色彩配置文件
sRGB
输出格式
WebP
实际导出的文件
文件格式像素字节
vase-web.webpWebP1920 × 128072,818
为网页准备图片:实际导出结果
本教程示例文件的实际导出结果。

根据所示的示例文件进行测量。您的结果取决于您的原件和设置。陶瓷花瓶照片是人工智能生成的样本。应用程序屏幕截图和导出的文件测量结果都是真实的。

常见问题

每个 WebP 都会小于源吗?

不会。大小取决于来源、图像内容和设置。 PixRinse 可以避免保留较大的结果。

WebP 可以保留透明区域吗?

WebP 支持透明度。检查结果中的透明边缘,并在更适合艺术品时选择 PNG 或无损 WebP。

现在就试试这组设置。

打开PixRinse,添加一些图像并从上面的设置开始。

下载 Mac 版免费:每批次最多 10 图像,每个源一个输出。 比较免费版和专业版。