企业官网建设流程全解析

banana-claude 是一款面向 Claude Code 的 AI 图像生成技能，由 Claude 担任"创意总监"、调度 Google Gemini 模型出图。而它的后处理管道（Post-Processing Pipeline）能让你的 AI 图片真正达到专业交付标准：用 ImageMagick 一键生成透明背景 PNG、按平台精确裁剪尺寸、输出原生 4K 成品。本文整理这套完整的专业配方，新手也能直接照做。

为什么 banana-claude 的后处理值得专门研究

banana-claude 并不只是一个 API 封装器。Claude 会先分析你的意图、选择领域模式（Cinema、Product、Portrait、Logo 等），再用 5 组件提示词公式构造优化提示词，最后调用 Gemini 生成图像：

关键在于流程的最后一环——后处理。AI 生成的图往往还需要：

• 抠掉白底，得到透明背景 PNG（Gemini 无法直接生成透明图，需要用绿幕方案）
• 按 Instagram、YouTube、Twitter 等平台精确裁剪尺寸
• 转换 WebP/AVIF 等现代格式、输出原生 4K成品

这些工作全部由 ImageMagick 命令行完成，配方已完整沉淀在项目文档 post-processing.md 中。

第一步：一键安装并验证 ImageMagick 环境

所有后处理配方都依赖 ImageMagick（推荐 v7 的magick命令）。先做一次"起飞前检查"：

which magick # ImageMagick 7（首选） which convert # ImageMagick 6（回退方案） which ffmpeg # 视频/动画场景才需要

未安装时，两条命令解决：

sudo apt install imagemagick # Debian / Ubuntu brew install imagemagick # macOS

banana-claude 的 SKILL.md 把这套验证流程写进了 Step 6 后处理环节：先which magick检查，找不到magick就回退到convert（v6），两者都没有才会提示安装。

核心配方一：绿幕三步法，实现干净透明背景

这是全文最专业的一段。Gemini 无法直接生成透明背景，banana-claude 给出的专业解法是"绿幕工作流"——三步走：

第 1 步：生成时追加绿幕提示词

在任何提示词末尾加上这两行（banana-claude 会把它融入 Reasoning Brief）：

on a solid bright green (#00FF00) chroma key background with a thin white outline separating the subject from the background

其中"白色细轮廓"是防止绿色溢色到主体边缘的关键小技巧。

第 2 步：ImageMagick 去除绿幕

magick input.png -fuzz 20% -transparent "#00FF00" output.png

-fuzz 20%用于容忍边缘的轻微色差，边缘更软可以提到25%。

第 3 步：清理边缘 + 自动裁边

magick output.png -channel A -blur 0x1 -level 50%,100% -trim +repage final.png

这一行做了两件事：对 Alpha 通道做模糊+电平提升，让半透明边缘更干净；再用-trim +repage自动裁掉四周的透明留白。

批量场景的替代方案（FFmpeg）

处理多张图时，FFmpeg 更快，且自动处理溢色（despill）：

ffmpeg -i input.png -vf "colorkey=0x00FF00:0.3:0.1,despill=type=green" -pix_fmt rgba output.png

💡 小提醒：毛发、绒毛等细节转换后仍建议人工检查，必要时手动修边。

核心配方二：白色背景图的快速透明化

如果 Gemini 出的是白底图（而非绿幕），跳过绿幕方案，一条命令即可：

magick input.png -fuzz 10% -transparent white output.png

非纯白背景则指定具体颜色（如#F0F0F0，fuzz 提高到15%）。想要更抗锯齿的边缘，可在命令末尾追加-channel A -blur 0x1 -level 50%,100%。

4K 输出：原生 4K 生成胜过事后放大

banana-claude 的一个反直觉建议值得记住：能用原生 4K 生成，就不要 1K 生成后再放大。

根据 gemini-models.md 的规格表：

几个避坑要点（来自 mcp-tools.md）：

• 取值必须大写——"2k"会被静默忽略，"2K"才生效
• 实际像素取决于宽高比，例如 4K 档 +16:9= 4096×2304
• 4K 消耗更多 token、成本约为标准的 4 倍，按需选择

也就是说：目标平台支持 4K 及以下时，直接让 Gemini 出原生 4K，细节更真实，还能完全省掉一堆放大类后处理。

平台尺寸速查表：一条命令裁剪到位

后处理文档里整理了一组"精确裁剪"配方，核心技巧是^符号 +-gravity center+-extent，保证图片先按比例放大填满、再居中裁掉多余部分：

# Instagram 帖子（1080×1080） magick input.png -resize 1080x1080^ -gravity center -extent 1080x1080 instagram.png # Twitter/X 头图（1500×500） magick input.png -resize 1500x500^ -gravity center -extent 1500x500 twitter-header.png # YouTube 缩略图（1280×720） magick input.png -resize 1280x720^ -gravity center -extent 1280x720 youtube-thumb.png # LinkedIn 横幅（1584×396） magick input.png -resize 1584x396^ -gravity center -extent 1584x396 linkedin-banner.png

格式转换与质量检查：交付前最后一步

现代格式转换（减小文件体积）：

magick input.png -quality 85 output.webp # WebP，网页优化 magick input.png -quality 80 output.avif # AVIF，体积最小 magick input.png -background white -flatten -quality 90 output.jpg # 透明图转 JPEG（补白底）

交付前的质量检查，两行命令即可确认尺寸与体积：

magick identify -format "%wx%h" input.png # 精确像素尺寸 ls -lh input.png # 文件体积

批量处理：一次搞定整个目录

配合 banana-claude 的/banana batch命令批量出图后，可用 shell 循环统一后处理：

# 目录内所有 PNG 统一转为 WebP for f in ~/Documents/nanobanana_generated/*.png; do magick "$f" -quality 85 "${f%.png}.webp" done

进阶玩法还包括：叠加半透明水印、并排对比图（+append）、自动加圆角边框，甚至把多帧图片合成 GIF 或 MP4 幻灯片，全部配方见 post-processing.md 的 Compositing 与 Animation 章节。

相关文档索引

这套后处理管道的完整细节都沉淀在项目文档中，建议按需查阅：

• 后处理管道全配方（本文出处）：skills/banana/references/post-processing.md
• 创意总监编排逻辑与 Step 6 后处理流程：skills/banana/SKILL.md
• 模型规格、4K 分辨率档位与宽高比表：skills/banana/references/gemini-models.md
• MCP 工具参数（含imageSize大写要求）：skills/banana/references/mcp-tools.md
• 批量工作流解析脚本：skills/banana/scripts/batch.py

掌握这些配方后，banana-claude 的出图流程就从"AI 生成"升级为"专业交付"：绿幕三步法搞定透明背景，原生 4K 省去放大损失，平台裁剪一条命令到位。