要在 Mac 上兼顾画质与文件大小,首先应将图片的像素尺寸调整为在线展示时的大小,然后以合适格式导出并在预期的显示尺寸下对比效果。“预览”可处理缩放和 JPEG 画质;“照片”则为图库中的图片提供了额外的导出控制选项。请保留未修改的原图,以便在初次导出的效果显得模糊、出现马赛克或丢失透明度时,可以重新制作其他版本。

1. 压缩前先确定尺寸

确定图片在页面或信息中需要显示的最大尺寸。例如,如果网站显示的图片宽度约为 900 像素,那么数千像素宽的原图可能就超出了实际需求。对于适应不同屏幕的响应式页面,可以向网站所有者或内容系统确认其是否会生成响应式图片尺寸;单次导出的文件可能并非网站唯一可用的尺寸。web.dev 解释了在响应式配置中,浏览器如何针对不同的显示宽度和像素密度选择候选图片。图片性能

在“预览”中打开副本,选择工具 > 调整大小。设置所需的宽度和高度,并保持勾选等比例缩放以避免拉伸。勾选重新采样图像后,更改像素尺寸会改变图片的像素数据。“预览”会在对话框底部显示预估的结果文件大小。Apple 还介绍了批量缩放的方法:在一个窗口中打开多张图片,在边栏中选中它们,然后选择工具 > 调整大小。在 Mac 上的“预览”中裁剪、调整大小或旋转图像

请勿将像素尺寸与以每英寸像素数(PPI)衡量的分辨率混淆。对于屏幕上显示的图片,以像素为单位的宽度和高度决定了有多少可用图片像素;仅更改打印分辨率数值并不一定能让网页图片适配其显示区域。如果需要缩小实际像素尺寸,请在启用重新采样的情况下输入较小的宽度和高度值。

2. 选择适合图片的格式

如果需要广泛的兼容性且无需透明背景,摄影照片适合使用 JPEG 格式。JPEG 采用有损压缩,因此降低其质量可以减小文件体积,但也可能会引入肉眼可见的伪影。“预览”支持导出为 JPEG,并可在导出对话框中调整画质。在 Mac 上的“预览”中转换图像文件类型

对于屏幕截图、图表以及带有清晰文字或透明区域的图片,PNG 通常是合理的选择。无损格式可以完整保留图像数据,而有损压缩更容易在清晰边缘和高对比度文本周围产生瑕疵。图片性能

WebP 和 AVIF 可以在某些网页工作流中减小文件大小,但“预览”官方说明的导出列表中并未包含它们。请勿认为“预览”的格式菜单能够生成这两种格式。如果您的网站有特定要求,请使用独立工具或网站的图片处理工作流,并检查其接受的格式。新式格式可以提供更好的压缩效果,但实际节省的体积取决于图片本身和导出设置。图片性能

3. 从“预览”或“照片”中导出

在“预览”中,选择文件 > 导出,选择 JPEG,然后调整质量滑块。为导出的文件重命名或将其存储在其他位置,以便保留原图。导出为 JPEG 不会保留透明通道,因此需要透明背景的图形应避免使用此格式。Apple 介绍了 JPEG 和 JPEG-2000 导出的画质调整方法。在 Mac 上的“预览”中转换图像文件类型

如果照片位于“照片”图库中,请选择该照片并选择文件 > 导出 > 导出 [数量] 张照片。“照片”可供您选择文件类型,并在支持的选项中调整图片大小和 JPEG 质量。可用选项因格式而异。如果需要原始文件而非应用了导出设置的新版本,请选择导出未修改的原件。在 Mac 上的“照片”中导出照片、视频、幻灯片放映和回忆

4. 对比效果,一次只调整一个参数

打开导出的文件,在最终呈现给用户的尺寸下进行检查。检查是否有模糊的细节、块状噪点、文本周围的光晕、平滑渐变中的色带断层以及透明度丢失等问题。同时在访达的“显示简介”窗口中检查导出的像素尺寸和文件大小。请将输出结果与原图进行对比,而不仅仅依据质量滑块上的数值:没有适用于所有图片的通用压缩设置,web.dev 建议尝试不同的压缩级别,并确认结果符合质量标准。图片性能

如果文件仍然过大,且像素尺寸超过了预期的显示需求,请先缩减多余的像素尺寸。如果尺寸已经合适,可以尝试适度降低 JPEG 质量并重新检查。对于文本或线条图,在可行的情况下应使用无损格式,而不是过度进行有损压缩导致边缘明显恶化。一旦下一次压缩产生可见瑕疵就应停止,并保留原图以便需要时重新导出。

交付实操准则

上传之前,请确认三点:网站支持所选格式、像素尺寸符合显示区域要求,以及导出的图片在该尺寸下依然清晰。“预览”为 Mac 用户处理日常缩放和 JPEG 导出任务提供了实用的控制功能;但它并不支持所有现代网页格式,也不会自动为特定网站选择理想设置。最终的选择取决于图片内容以及目标平台的要求。

参考资料