Codex 生成的教学封面。这是不透明的说明图，不是 H3Max 实测结果，也不是可直接使用的透明素材。 给网页组件准备图片，不能只看它在白色预览框里是否漂亮。素材可能会出现在浅色卡片、深色横幅和不同尺寸的布局中；原来不明显的白边、没有清空的孔洞，换一个背景就会暴露出来。 这篇教程用一只浇水壶走完完整流程：判断能否直接生成透明文件，必要时进行本地去背景，下载 PNG ，再检查主体、透明区域和最终交付版本。 先确定“可复用素材”要满足什么 合格文件至少需要同时满足两件事：应该空出来的区域确实透明，应该保留的主体没有被删坏。 这两件事不能用文件扩展名代替检查。MDN 的 PNG 与 JPEG 透明能力的格式说明 区分了 PNG 的不同模式，并说明 JPEG 不支持 Alpha 通道。PNG 可以带透明信息，也可以整张完全不透明。 Alpha 描述像素的不透明程度。即使文件存在这个通道，背景像素也可能仍然全部不透明。另一方面，背景确实透明了，也不代表壶嘴、叶尖和提手没有缺损。 因此，组件素材的检查不能停在“这是 PNG”，而应继续问： 它在不同底色上是否仍然表现为同一个完整物体？ 生成透明图，还是先生成再去背景？ 直接获得透明背景，需要生成工作流实际支持透明输出，并使用能够保存透明度的格式。提示词里写 transparent background 、下载文件名带 .png 、预览出现棋盘格，都不是充分证据。 当所选生成界面只有 JPEG ，或没有可确认的透明输出控制时，不要继续靠提示词要求绕过格式限制。先保留已有图片，再走去背景流程。 这里采用 H3Max 的本地去背景路径，不需要编写生成提示词，也不依赖未经确认的蒙版或恢复按钮。GIMP 关于 给图像添加 Alpha 后还需要做什么 的说明，也把透明通道准备、移除背景内容和导出文件视为不同环节。 用原图建立检查基准 案例主体是一只赤陶橙色浇水壶：细嘴朝左，右侧有大提手，顶部伸出几片绿叶。源图背景为浅灰色。 Codex 生成的源图教学示意，为不透明图片，不是 H3Max 去背景后的输出。 使用你能取得的清晰原图，而不是预览截图。保留完整壶嘴、提手和叶尖，另外保存一份不改动的原件。 处理前先区分三种区域：壶身、壶嘴、提手和叶片属于主体；外围浅灰背景需要移除；提手里面透出来的背景同样需要移除。 不要把“深色”直接当作“该删除”。壶身阴影、可见壶口内部与提手中真正贯通的背景孔洞不是一回事。 打开工具， 为组件素材执行本地去背景 ，选择源图，运行本地处理并下载 PNG 。把下载结果与原图分开保存。后面的检查针对这个实际文件，而不是页面截图。 在组件背景之外，再做一次文件检查 先在支持独立背景图层的编辑器中建立测试文档：底层放白色，上层放下载的 PNG 。随后只把底层改成深海军蓝，不改动上层素材。 检查外围区域与提手孔是否都跟随底色变化。白底时孔洞应显示白色，深蓝底时应显示深蓝，而实心壶身应保留橙色。 Codex 生成的不透明检查图板，包含浅／深底预览及边缘放大示例。它不是 H3Max 输出，没有可供验收的真实透明 Alpha ；请检查你自己的下载 PNG 。 若提手孔一直是灰色或白色，可能有背景残留。若棋盘图案在切换底层之后仍固定存在，它可能已经被画进图片，而不是编辑器用来显示透明区域的辅助网格。 不要只凭白底预览下结论。白色画布既可能是编辑器背景，也可能是文件里真实存储的白色像素。换底测试才有助于区分两者。 测试用白底和深蓝底必须留在检查文档中，不能合并进交付图片。 从四个部位判断是否抠好了 将下载结果与原图并排，先看 100% 显示，再放大可疑位置，最后回到组件中的实际显示尺寸。 提手孔。 孔内背景要清空，但橙色内缘不能被挖掉。外部背景消失，不代表内部孔洞已经处理。 叶尖与叶片间隙。 对照原图确认没有缩短叶尖、删掉细部，或把浅灰背景留在叶片之间。 细壶嘴。 沿着壶嘴检查到最左端，确认没有截短、断开或因裁切缺失。 整体轮廓。 检查提手外侧、壶身和底部，寻找浅色圈、孤立残点及缺口。不要为了消除白边，把原图自然柔和的轮廓全部削成硬边。 发现问题后，按原因处理，而不是一律重复去背景： 现象 修复路线 整个主体后面仍有白色、灰色或棋盘矩形 先确认打开的是下载结果。若仍不透明，回原图，在支持透明导出的外部编辑器中重新处理；改扩展名无效。 外围透明，提手孔仍有底色 外部选中孔内残留背景并移除，保留提手内缘；不要填成白色。 叶尖、壶嘴或提手少了一块 回原图恢复真实内容并重新细化选择，不从损坏版本猜补主体。 深色背景上出现浅色轮廓 先区分原有高光与残留背景，再局部清理，避免连正常颜色一起删掉。 Adobe 提供了 按边缘宽度处理杂色的修边方法 。它可以作为外部处理白边的参考，但不是 H3Max 已确认的按钮，也不意味着所有边缘都需要同样强度的修改。 每次修复后另存 PNG ，再重新打开换底检查。编辑器里看起来正确，不等于导出文件已经合格。 尺寸调整放在最后，并重新验证透明度 素材周围的空白影响组件排布时，可以 为组件收紧素材四周的空白 。保留壶嘴、提手和叶尖外侧的必要空间，不要切进柔和边缘来追求更紧的边界。 需要特定输出尺寸时，再 按页面用途调整素材像素 ，保持原有比例。 这两个步骤都不是必做项。更重要的是： 不能假定任一后处理必然保留 Alpha 。 裁切或缩放后，重新打开新文件，重复白底、深蓝底和实际显示尺寸检查。 如果新版本变成实底，回到最后一份通过检查的透明文件，换用能保留透明信息的处理路径。不要继续加工已经压平的版本。 最终交付应是确实通过检查的 PNG：外围和提手孔透明，主体完整，没有不必要的白边，尺寸适合页面，且没有把检查底色一起导出。保留原图和已验证版本，后续组件需要换尺寸时才有可靠起点。

  • 情报分类：技术学习与提效
  • 分类依据：内容涉及技术、AI、软件工具或工程实践
  • 信息来源：服务器 / V2EX
  • 发布时间：2026/10/1 09:35:42