图层导出工作流

AI 图片分层工具

上传图片或描述素材，生成前景、背景、对象、图标和 sprite 图层计划，以及可复制提示词和导出清单。

快速答案

AI 图片分层工具快速答案

AI 图片分层工作流可以把导入图片或素材提示词整理成前景、背景、对象、蒙版、阴影和图标图层计划，适合 AI 编辑、矢量描摹、sprite 准备和透明 PNG 导出前使用。

关键信息

最佳用途: 前景/背景拆分、对象抠图、图标分层、透明 PNG、SVG 描摹和 sprite 准备
主要输出: 分层提示词、本地图片预览、可编辑图层计划、导出清单、工作流说明
关键约束: 当前 MVP 负责规划图层和提示词，还不会自动把上传图片分割成真实文件。
页面更新: 2026-07-30

输入和输出示例

输入：导入的 App 图标、产品对象、UI 按钮或游戏角色素材。

输出：图片分层提示词、前景/背景计划、透明 PNG 清单和导出说明。

用途：用于 AI 编辑器、矢量工具、Aseprite、TexturePacker、Unity、Godot 或图标交付流程。

4 editable layers

上传或拖拽图片

foreground symbol

Primary editable layer with the clearest silhouette.

rounded tile background

Separate supporting layer for depth, reuse, or animation states.

cast shadow

Separate supporting layer for depth, reuse, or animation states.

highlight glaze

Support layer for masks, shadows, highlights, or background cleanup.

可复制分层提示词

Split or recreate a polished productivity app icon with a central spark symbol as 4 editable layers for PNG icon layers. Goal: Separate the central symbol from the tile, shadow, and highlight layers. Required layers: foreground symbol, rounded tile background, cast shadow, highlight glaze. Background output: 透明. Edge cleanup: 柔和 Alpha. Keep object scale, transparent pixels, shadows, and highlights easy to inspect. Do not add text, watermarks, brand logos, trademarked characters, or copyrighted likenesses. No uploaded image is available; create an original layered asset from the description. Return a clear layer list, mask notes, export settings, and a flattened preview.

图层输出计划

1. foreground symbol

2. rounded tile background

3. cast shadow

4. highlight glaze

导出清单

保留原始文件，并额外导出一张扁平预览图。

清晰命名图层：前景、对象、阴影、背景、蒙版或状态。

位图图层优先用透明 PNG，简单矢量形状再用 SVG。

在浅色、深色和棋盘格背景上检查边缘。

做 sprite sheet 时，让每帧锚点和图层尺寸保持一致。

导入图片工作流

1导入你拥有或有权转换的图片。
2识别可见对象、景深平面、阴影和背景形状。
3使用提示词让 AI 编辑器或设计工具生成可编辑分层。
4人工检查蒙版、细边、阴影和透明像素。
5根据目标导出 PNG 图层、SVG 形状、图标资源或 sprite 可用部件。

MVP 限制和版权

这个免费 MVP 会生成提示词、分层计划和导出建议，但还不会自动把真实像素切成 AI 图层。上传图片只在浏览器里预览。是否可商用取决于你是否拥有源图片、商标、角色和生成结果的使用权。

继续素材工作流

Sprite sheet 生成器图标提示词示例 App 图标尺寸指南 Favicon 尺寸指南

SVG、透明图标、Favicon 和 App 图标示例

先确定图层，再选择正确的导出格式

图片分层工具最适合先把前景、背景、对象、阴影、蒙版和高光写成明确计划，再交给 AI 编辑器、矢量工具或游戏素材流程完成真实像素分离。简单几何图标优先导出 SVG；带纹理或柔和阴影的图层优先导出透明 PNG；浏览器标识要额外简化为 favicon；App 图标则从方形大图开始准备平台尺寸。

四类图标示例

SVG icon example

Simple vector icon example for clean paths and developer handoff.

Transparent icon example

Foreground mark example that can sit on light, dark, or image surfaces.

Favicon example

Small website mark example to simplify and test at 16px and 32px.

App icon example

Square app icon example for a large master and platform size exports.

格式选择说明

Format	适合场景	导出注意
SVG	Simple icon paths, flat shapes, and vector-ready silhouettes	Keep paths clean and separate foreground, background, and outline groups.
Transparent PNG	Raster layers, soft shadows, textured objects, and quick handoff	Inspect alpha edges on light, dark, and checkerboard backgrounds.
Favicon	Browser tabs, bookmarks, shortcuts, and tiny website identity	Reduce to one bold shape and check 16px and 32px before exporting fallbacks.
App icon	iOS, Android, PWA, app store, and launcher assets	Keep a square 1024px master, then prepare 512px, 192px, 180px, and smaller sizes.
Layered source	Editable masks, shadows, effects, and future revisions	Name every layer and preserve the original source before flattening.
Sprite sheet	Game states, animation frames, and UI asset batches	Keep frame size, anchor point, camera, and transparent background consistent.

快速选择

要缩放和继续编辑：SVG。

要保留透明像素、纹理或阴影：透明 PNG。

要用于浏览器标签：简化为 favicon，并检查 16px/32px。

要用于手机和 PWA：保留方形 App 图标 master，再导出 1024px、512px、192px、180px。

继续导出

完成分层计划后，可以继续使用图标生成器、提示词示例、App 图标和 Favicon 尺寸指南，把同一套视觉符号整理成可交付资源。

图标生成器提示词示例 App 图标尺寸 Favicon 尺寸

FAQ

AI 图片分层工具常见问题

这个 AI 图片分层工具会自动拆图层吗？

当前 MVP 会生成分层计划、可复制 AI 编辑提示词、导出清单和本地图片预览，但还不会真实执行 AI 分割，也不会自动把像素切成多个文件。

可以规划哪些图层？

可以规划前景、背景、对象、图标、阴影、高光、蒙版、UI 状态，以及适合 sprite 的 PNG、SVG、图标和游戏素材图层。

上传图片拆分后可以商用吗？

只有当你拥有或已授权源图片，并且结果没有复制受保护角色、商标、logo 或其他艺术家的独特作品时，才适合商用。

继续构建你的图标套装

AI 图片转 Sprite Sheet 生成器图标提示词示例 App 图标尺寸 Favicon 尺寸