将 JPG 转换为您的网站图片库的 WebP

保留您的原始 JPEG 或编辑项目作为主服务器，并创建一个 WebP 副本以进行交付。 这使您以后无需重复压缩已经压缩的导出即可制作不同的尺寸。 使用清晰的文件名来标识主题和预期位置，而不是用新格式替换存档中的每张照片。

WebP 是网站照片的选项，但您的内容管理系统必须接受上传并正确提供输出。 在转换整个库之前使用一个文件检查该工作流。 有些系统会自动生成自己的替代方案或调整上传的图像大小。 如果您这样做，请比较实际交付给访问者的文件，因为上传后可能会再次处理本地优化的文件。

初始预设将原始尺寸保持在 90% 的质量。 这为您提供了简单的格式比较。 对于网站交付文件，一旦您知道布局中所需的最大显示宽度，请切换到适合。 对于卡片来说，一个完整的相机分辨率图像通常是不必要的，但一个大的横幅可能需要更大的候选者。

为不同的显示角色进行单独的导出，而不是强制一张小图像填充每个空间。 缩略图、文章图像和大型产品视图的用途不同。 那个 视网膜图像调整尺寸 解释如何在不假设每个设备都需要相同文件的情况下选择说明性更高密度的候选者。 避免扩大小源以满足大出口数量； 放大无法创建缺失的细节。

将 WebP 与 JPEG 进行比较时，选择一个困难的区域：头发、树枝、精细的织物、光滑的天空或黑暗的墙壁。 检查预期的显示尺寸和关闭视图。 在模糊的背景下看起来不错的设置对于纹理化的产品照片可能过于激进。 质量数字是编码器控件，而不是通用视觉分数。

如果 WebP 大于来源，请保留更好的文件以满足您的实际要求或仔细尝试较低的质量设置。 不要假设一个较新的扩展赢得了每次比较。 该工具制作浏览器编码的 WebP； 它不提供单独的无损 WebP 模式、自定义编解码器调谐面板或保证单个图像的节省。

下载后，将文件放在真实页面中并确认裁剪、替代文本和显示的尺寸。 如果页面延迟请求，字节数较少的图片仍然可以延迟加载。 保留其布局空间，选择合适的响应源，并避免在页面顶部立即延迟加载图像。 这些是超出转换的网站实施决策。

检查电话布局以及大型显示器。 如果同一张图片在手机裁剪区域中变成无法识别的条带，请制作不同的构图，而不是提高 JPEG 或 WebP 的质量。 只有在第一页工作后才能一起处理相关照片。 转换保留在您的设备上，原始文件仍可用于不同的导出。

例如，将文章的绿叶景观与其普通的工作室肖像进行比较。 他们可能需要不同的质量设置，即使在相同的宽度下也是如此。 记录每个候选人旁边的维度和测量字节，以便决策仍然与实际文件相关联。