Agent Skills
返回列表
🎨

智能主体裁剪

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/auto-crop-images-around-the-most-important-subject-before-generating-thumbnails

技能介绍

要解决什么问题

大多数缩略图生成流程只有两种选择:把原图等比缩放到目标尺寸,或者对画面做居中裁剪。前者会在两边留下大片空白,后者则经常把主体切掉——一张人像合影被裁掉半张脸,一张产品图的产品只剩一角,在社交卡片上尤其刺眼。等你发现缩略图效果不对时,内容已经发出去了。

auto-crop 类技能针对的正是这个环节:在生成缩略图之前,先把画面里最重要的部分找出来,再围绕它裁出合理的区域。

它如何工作

核心思路是视觉显著性分析,底层依赖 smartcrop 这个库(npm 包)。整体流程大致是:

  • 主体检测:评估图像的视觉显著性,识别出画面中观感最突出的主体区域;
  • 坐标计算:针对你指定的目标宽高比,返回一组裁剪坐标(即左上、右下角等边界值);
  • 交给图像管道:这组坐标不是最终结果,而是传给下游的图像处理流水线,由它完成实际裁剪并渲染出最终的缩略图或社交卡片。

换句话说,这个技能负责的是决策层——告诉管线"该裁哪里";至于像素层面的缩放、编码、格式转换,仍然由你的图像管道完成。

适用边界与注意点

  • 前置条件是本机有 Node.js 和 npm,它属于基于源码的技能;
  • 技能说明中明确提到:无法自动提取基于源码的安装或使用说明,在将其用于敏感工作流程之前,应先查看上游项目(smartcrop 的 npm 页面及其文档仓库);
  • 它解决的是"裁哪里",不负责抠图、不保证主体识别百分百准确,极端构图或低对比度画面下仍需人工抽查;
  • 裁剪坐标只是中间产物,最终观感取决于你的图像管道如何使用它们。

使用场景

  • 自动化内容发布流水线需要在生成社交卡片和列表缩略图前,先确定合适的裁剪区域,避免主体被切掉
  • 在批量为文章配图生成统一宽高比封面时,自动围绕主体裁剪,代替固定居中裁剪造成的留白或截断
  • 用户上传人像或产品图后需要即时生成缩略图,用视觉显著性评估直接得到裁剪坐标并交给图像管道处理

适合人员

  • 维护自动化内容发布流水线的后端工程师,需要在生成缩略图前接入主体裁剪决策
  • 搭建图片处理服务的开发者,需要在统一宽高比的封面图生成中替代居中裁剪
  • 负责社交卡片和信息流缩略图质量的工程师,需要处理批量图片的裁剪坐标并交给图像管道