Mac 上 WordPress 图片优化

WordPress 媒体上传器接受你的 6 MB 英雄位 PNG 图片，但首页加载依然缓慢，因为主题在 src 中输出的是完整文件，而非调整尺寸后的版本。WordPress 图片优化始于上传前：将像素宽度匹配主题内容区，选择 JPEG 或 WebP，并在本地压缩，以便媒体库存储精简源文件。

WordPress 上传限制的实际表现

主机配置设置了 upload_max_filesize 和 post_max_size。单张 10 MB 的照片可能上传成功，但十二张图片的批量上传可能静默失败或超时。

在导入 媒体库 前在 Mac 上修复源文件。较小的文件上传更快，并减少服务器端缩略图处理工作。参见 如何在 Mac 上压缩图片 了解通用的调整尺寸和格式规则。

推荐格式与尺寸

WordPress 核心在现代安装中支持 JPEG、PNG、GIF 和 WebP。主题和插件在输出 srcset 和现代格式方面存在差异。

在将所有照片存储为无损 PNG 之前，请阅读 有损与无损压缩 。照片在调整尺寸后应使用有损 JPEG 或 WebP。

当主题文档说明支持 WebP 时，请在本地转换英雄位图片。 Mac 上 PNG 转 WebP 涵盖了从设计 PNG 源文件导出的方法。

上传前准备图片

可复用的 Mac 流程程：

1. 记录主题 content_width 或在浏览器开发者工具中测量实时列宽。
2. 从设计稿导出时，宽度设为该尺寸的 2 倍以适配 Retina 屏幕，而非画板的 3 倍。
3. 如果导出尺寸超标，在 预览 中调整 (工具 → 调整大小…)。
4. 导出质量为 82 至 85 的 JPEG，或通过 cwebp 导出 WebP。
5. 上传优化后的文件，而非 4000 px 的原图。

当位置信息不应公开时，清除活动照片的 GPS EXIF 数据。元数据移除与字节大小无关，但对公开博客的隐私性很重要。

避免上传相机 HEIC 格式，因为 Windows 上的作者可能无法复用该资产。先在 Mac 上将其转换为 JPEG。

特色图片与内容宽度

特色图片通常比内联图片显示得更宽，但仍低于相机原始分辨率。

WordPress 自 4.4 版本起已生成响应式 srcset 和 sizes 标记。其 响应式图片文档 解释了中间尺寸如何让浏览器选择合适的候选图片。确认主题对特色图片、卡片和自定义区块使用了此标记，而不是假设每个媒体库图片都以响应式方式交付。

仅在替换媒体库中的源文件后重新生成缩略图。WordPress 会保留旧尺寸，直到插件重新构建它们。先上传正确尺寸，以避免提供过大的 -scaled 中间文件。

当相同资产也用于 WordPress 之外的静态落地页时，配合 Mac 上网页图片优化 使用。

批量处理媒体库

博客迁移和摄影专题意味着一次会话中涉及数十个文件。

mkdir wp-upload
for f in *.jpg; do sips -Z 1920 -s formatOptions 85 "$f" --out "wp-upload/$f"; done

将 originals/ 和 wp-upload/ 分开组织。在帖子上线并验证前，不要删除原图。

在线 WordPress 图片优化器会将文件发送到第三方。对于草稿帖子、保密截图和客户进行中工作，请在本地压缩。参见 在线文件压缩器安全吗 了解上传的实际含义。

在编辑清单中记录最大宽度，以便贡献者停止上传全分辨率的手机照片。

在上传后添加替代文本，而非压缩前。替代文本不影响字节大小，但将优化后的文件与描述性替代文本配对，可使无障碍审计与文件大小审计分开进行。

当插件在服务器端生成 WebP 时，本地 WebP 预处理仍能减少上传时间和批量导入期间的后台处理负载。

使用 GetCompress

GetCompress 可在 Mac 上处理混合图片文件夹，无需上传。当编辑人员离线准备一个月的帖子时非常有用。

• 拖放一组图片文件夹，并设置最大宽度以及 WordPress 导入所需的 JPEG 或 WebP 输出。
• 保存预设（例如“WP 特色 1920 JPEG q85”），以匹配你的主题尺寸。
• 在批量导出前预览文字密集的截图。
• 当摄影专题每篇文章超过十张图片时，批量进行 Mac 上 WordPress 图片优化。
• 在作者打开后台上传器前，一次性将 HEIC iPhone 照片转换为 JPEG。

GetCompress 不替代重写前端标记的 WordPress 插件。它准备源文件，以便插件和 CDN 后续优化工作量更少。文件夹监控可监视 to-upload/ 目录，并在设计部门每周移交博客资产时压缩新导出的文件。

上传后在移动端抽查一张特色图片。在调整插件懒加载设置前，先修正宽度。