跳到正文

GaaaiPost 图片压缩与 WebP 设置教程:统一文章配图尺寸并优化加载速度

AI 生成的图片通常尺寸较大,如果直接上传并使用,可能增加网站存储空间和页面加载时间。

GaaaiPost 提供图片压缩、尺寸限制、居中裁剪和 WebP 转换功能。

一、进入图片处理设置

登录 WordPress 后台,进入:

GaaaiPost → 发布设置

找到 AI 图片处理相关设置。

二、开启自动图片处理

勾选“AI 图片入库后自动压缩/裁剪”,插件会在 AI 图片保存到 WordPress 媒体库后自动处理。

该设置主要用于插件生成的 AI 图片,不会批量修改全站所有普通图片。

三、选择输出格式

插件支持保持原格式或转换为 WebP。

保持原格式

保留图片原有格式,只进行尺寸和质量处理。

WebP 格式

将处理后的图片保存为 WebP,通常可以在保持清晰度的同时减小文件体积。

如果网站服务器、CDN 或旧版浏览器兼容性存在特殊要求,应先测试后再批量使用。

四、设置图片最大尺寸

可以分别设置最大宽度和最大高度。

例如:

  • 最大宽度:1200 像素
  • 最大高度:800 像素

该尺寸为 1.5:1 横图比例,适合作为大多数 WordPress 文章特色图。

五、是否启用居中裁剪

勾选“填满尺寸并居中裁剪”后,插件会先等比例放大或缩小图片,使图片覆盖目标尺寸,再从多余区域居中裁剪。

开启裁剪的优点:

  • 所有图片比例统一。
  • 列表页卡片更加整齐。
  • 避免图片高度不一致。

可能出现的问题:

  • 位于边缘的主体可能被裁掉。
  • 带文字的图片可能出现内容缺失。

因此,AI 生图提示词中应要求主体位于画面中部,并保留适当边距。

六、设置图片质量

图片质量可在规定范围内调整。通常建议使用 80 至 85 左右。

  • 质量越高,图片越清晰,文件越大。
  • 质量越低,文件越小,但可能出现压缩痕迹。

默认值附近通常能兼顾清晰度和文件体积。

七、只处理大于指定大小的图片

可以设置只处理大于一定 KB 的图片。

例如设置为 512 KB,文件小于该值的图片将不进入重新压缩流程。

这样可以避免对已经较小的图片进行无意义的重复处理。

八、禁用插件图片的 srcset 与 sizes

开启后,只会影响 GaaaiPost 插入的普通文章正文图和系列总目录图片,不会影响网站其他图片。

一般情况下建议保留 WordPress 响应式图片功能。只有主题、CDN 或图片显示出现冲突时,再考虑关闭。

九、批量处理已有 AI 图片

进入“维护管理”页面,可以对已有 AI 图片执行批量压缩处理。

可设置每次处理数量,并选择是否从头开始。

建议每次处理 20 至 50 张,避免服务器在短时间内占用过多 CPU 和内存。

十、推荐参数

项目 建议值
输出格式 WebP
最大宽度 1200 像素
最大高度 800 像素
居中裁剪 需要统一比例时开启
图片质量 82 左右
最小处理大小 512 KB 左右

总结

统一图片尺寸并合理转换为 WebP,可以改善文章列表排版、减少图片体积并提高页面加载效率。

版权声明:本文为原创内容,转载请注明出处。