xıtu.
图片与 API Key 仅存本地 · 不上传云端
xıtu.自己的图,自己做

手机拍的图,
做成能直接上架的商品图

上传原图、选场景、出成品。主图 / 场景图 / 模特图 / 白底图,一次做完。

首次使用需先连接自己的 API Key(约 2 分钟),看怎么连

API Key 由你自己掌控
用之前先知道

三件事

① Key 用你自己的,只存本机、不上传
② 图片发给你连的那家接口,站点不经手
③ 换电脑 / 换浏览器,要重新填一次

四种出图类型

四种出图类型,各自用在哪儿

原图进去,成品出来。下面四种分别适合什么场景,对照着挑。

商品主图

模糊、拍歪、光线差的手机图,自动校正并生成符合平台规范的白底主图。

场景合成

把杯子放进咖啡店、把沙发放进客厅。12 类常用场景模板,一键换背景。

模特试穿

服装平铺图直接上身,可换体型、肤色、姿势,不用约真人模特、不用租场地。

批量出图

一次上传整季 SKU,队列自动跑完,喝杯茶回来就能批量下载。

使用流程

三步,五分钟上手

1

上传原图

手机拍就行。拖进来或从相册选,支持 JPG / PNG,单张不超 20 MB。

2

选场景、点生成

挑一个场景模板和画幅,剩下交给模型。不满意可以无限次重生成。

3

下载直接上架

导出即符合淘宝、拼多多、抖音小店主图尺寸要求,无需二次裁切。

第一次用?先看使用说明
从上传原图、选场景生成,到连接你自己的模型账号,完整流程都写在 API 连接页的「使用说明」里,两分钟看完就能上手。去看使用说明。

主图生成

上传商品图,设置画面与文案,生成后直接下载到本地。
还没连接 选生图模型

生成配置

规格 · 素材
平台与规格
商品素材
上传商品图
支持 JPG / PNG / WebP · 单张最大 10MB · 最多 5 张
也可以把图片拖进来,或截图后 Ctrl+V 直接粘贴
品牌素材
未上传 Logo

提示词与生成

恢复全部默认
画面提示词决定画面风格
上传参考图 AI 看图写画面风格
支持 JPG / PNG / WebP · 可拖拽 / 粘贴
0 字
文案与文字控制标题 · 正文 · 可读性
主标题 画面文字参考文案
副标题 辅助说明文案
产品介绍正文 详情页卖点文案
文字控制提示词 避免叠字、模糊、过小AI 核心
高级设置负向词 · 风格强度 · 完整提示词
负向提示词 想避开的画面问题可选
会额外写上:文字水印、乱码错字、商品变形、多余肢体、杂乱背景、过曝。
多数服务商的画图接口没有独立的负向词字段,这些词会以「避免出现:…」的形式写进同一条提示词。想让白底更干净,用正向写法(纯白背景、无阴影)通常更有效。
贴近原图更有创意
完整提示词 这次实际发出去的原话可自查
画面提示词负责背景与构图,文字控制提示词负责文字可读性,两者会一起发送给 AI 模型。
输出规格1024 × 1024
生成后直接下载到本地,本站不经手、不保存
HISTORY

我的生成

只保存在当前浏览器会话里,未下载的图片不会离开这台设备,也不会长期保留。

请及时保存到本地
生成记录只存在于当前页面内存中。刷新页面、关闭标签页、崩溃或清理浏览器缓存,都会导致未下载的图片丢失且无法恢复。本站不做账号,也没有云端历史和恢复能力。

生成记录

共 0 条
暂无生成记录完成一次生成后,结果会显示在这里,请及时下载保存。

连接你的 AI 模型

接上你自己的模型账号,生成过程不经过本站,也不保存你的 Key。

还没有连接
使用说明
第一次用,按下面四步走,约 5 分钟上手
新手必读
1

准备一个可用的 Key

任意 OpenAI 兼容接口都行 —— 不限这里推荐的,你已有别家的直接用。

2

去接口后台取 Key

在你所用平台的后台创建令牌(API Key)。填 Key 那一步有图文指引,照着抄即可。

3

粘贴、测试连接

粘进来点「测试连接」,会真实发一次请求到接口那边验证。通过后就能开始生成。

4

开始生成商品图

连上之后就能直接生成。想连多家也行,用哪家点哪家,随时可删可换。

请求从你的浏览器直连你的接口账号,本站不经手、也不保存你的 Key。 看文档与常见问题

接哪个接口都行

不限这里推荐的
任何 OpenAI 兼容接口都能接,不限于下面推荐的这家。你已经买过别家中转站或模型厂商的,直接把它的地址填进来就行。下面这家只是给你一个能注册、能用起来的起点。
换别家时,对着这张表填
你要填的填什么从哪抄
API 地址该平台给你的接口根地址平台后台 / 接入文档,通常以 /v1 结尾
API Key该平台生成的令牌平台后台的「令牌 / 密钥」页
模型名图像模型的确切名称平台的「模型列表」,复制全名,别手打
两个最高频的填错
① 地址结尾多写、漏写 /v1;② 模型名多打了空格或大小写不对。填完先点「测试连接」验证一下。

把 Key 填进来

你的 Key 只存在你自己的浏览器里
保存在这台设备的本地存储中,不上传到任何服务器,也不会出现在日志里。随时可以删除,删除后立刻失效。
不知道去哪拿这个 Key?点开看图文步骤

测一下就知道了

准备测试…
会真实发一次请求到你填的地址

连接已保存

去生成第一张图
顺手做一件事:把 Key 也存到只有你能看到的地方(比如密码管理器)。换电脑、换浏览器时要重新填一次。
AI 整理

使用文档与常见问题

这一页由 AI 把站内功能、连接流程和最容易卡住的地方整理成一份说明。遇到问题先看这里,比找人问快。

内容持续更新
1 · 三分钟上手

这里做的事很简单:把你随手拍的商品图,变成能直接上架的主图、场景图、模特图和白底图。不用会设计,也不用找人修图。

1连接你的模型

填一次自己的模型 Key,约 2 分钟。页面上有图文步骤,跟着点就行。

2上传原图,选场景

把实物图拖进来,挑一个场景和尺寸。手机随手拍的也能用。

3出图,保存

出图后直接下载。不满意就重做,直到能用为止。

没有连接自己的模型时,生成按钮不会亮。这一步只用做一次,之后打开就能直接生成。
2 · 连接你的模型

本站自己不出图,出图能力来自你连接的那个模型账号。本站不转售模型、不代管账号,你的 Key 只属于你。

Key 存在哪里

只保存在你自己这台设备的浏览器里,不上传、不进日志。随时可以删除,删除后立刻失效。

换电脑需要重新填一次
连接时卡住了?点开看常见情况
1说 Key 无效:多半是没复制全,或者复制时带了空格。重新复制一次那串以 sk- 开头的字符。
2浏览器没能直接连上:两个常见原因 —— 这台设备的网络到不了该接口地址;或者服务商不允许网页直接调用(跨域限制)。Key 的格式通常没问题,可以先保存下来,换一家允许网页直连的接口一般就通了。
3地址报 404:网络是通的,只是地址不完整。检查 API 地址有没有漏掉 /v1 这类后缀。
4想换模型:不用重新配置,在工作台左上角直接选另一个就行;想换服务商,回连接页再连一个。
5想同时连多家:可以。连接页能保存多个 Key,用哪家点哪家,也可以设一个默认的。
还有卡住的地方,先看上面这几条按报错自己排查;仍不通,多半是这家接口不允许网页直连,换一家再试。
3 · 生成商品图

同一个商品、同一张原图,可以出成完全不同用途的图。先想清楚这张图要放哪儿,再选场景,出来的图基本就能直接用。

主图

干净背景 + 一点氛围,适合放商品首图。

场景图

把商品放进真实使用场景,让人有代入感。

模特图

服装平铺图直接上身,可换体型、姿势。

白底精修

纯白背景、边缘干净,平台审核最爱看。

出得好的几个要点
原图尽量清晰,商品主体完整、居中
背景别太杂,纯色桌面或白墙都很好用
场景要和商品匹配:厨具进厨房、衣服进街景
不满意怎么办
换一个场景重做
换一个模型换风格
某一张没成功单独重试
一次多出几张挑批量出图
4 · 图片与数据

这一节请认真看一遍,尤其是用手机或公共电脑的时候。

图片和 Key 都只留在本地
本站不会在云端存储你的图片与 API Key,所有信息只保存在你自己的设备上。
请及时保存图片,避免丢失
生成后尽快下载到本地相册或电脑。换设备、清理浏览器数据,都会让站内的记录消失。
内容责任在你自己身上
出图的合规与版权,请按你所连模型厂商的规则自行确认。站点不接触你的图与 Key。
5 · 如何做个运营

生图解决「图不够好看」,这套资料解决「货卖不动」。两部分一起用,效果最好。

是什么

一套完整的运营资料:210 篇内容、5 个板块(综合 / 用户 / 内容 / 活动 / 流量),每一步该做什么、看哪个数,都按顺序讲清楚了。

怎么用
客人来了留不住看用户运营
不知道发什么看内容运营
活动没效果看活动运营
流量上不来看流量运营
6 · 常见问题

下面这些是被问得最多的问题,点开就能看答案。

这个站收费吗?

本站完全免费,没有任何收费,也不转售模型。你只需要连接自己的模型账号,就能一直用下去。

不连接自己的模型能用吗?

不能。生成能力来自你连接的模型,本站只提供界面和流程。连接一次以后就不用再管了。

出图要多久?

没有固定时间,看你选的模型和当时的网络情况。生成过程中页面会显示进度,不用刷新。

生成的图能直接上架吗?

尺寸覆盖淘宝、拼多多、抖音小店常用的 1:1、3:4、9:16,导出即可用。版权与商用范围请依据所用模型的协议自行确认。

手机上能用吗?

能。手机浏览器打开就能上传、生成、下载,界面会自动适配屏幕宽度。

换电脑还能看到之前生成的图吗?

看不到。图片只留在原来那台设备上,所以生成完记得及时下载保存。

我的 Key 会被别人看到吗?

不会。Key 只保存在你自己这台设备的浏览器里,不上传、不进日志,也可以随时一键删除。

批量出图怎么用?

一次上传多张原图,选一个场景批量跑完。某一张失败不影响其他张,可以单独重试。

没有找到你要的答案?

遇到这一页没写的问题,先按上面的报错对照排查;文档会持续补充。

设计交付文档

xitu.work 界面设计规范

面向电商老板的 AI 生图工具。视觉上要传达两件事:一是「这东西不难用」,二是「出的图够专业」。所有组件均可直接复制实现。

零术语

界面上不出现 token、prompt、inference 这类词。用「生成」「场景」「张数」。用户不懂技术,也不该被迫懂。

图优先

界面里的主角色永远是用户的图,UI 本身退到背景里。低饱和的中性底色,让商品图的颜色能被准确判断。

数据留在本地

图片与 Key 只留在用户自己的设备上。界面上要主动把这件事讲明白,用户才敢把原始商品图传上来。

失败可恢复

出错时给一句人话、一个动作、一个出口。绝不出现原始报错、错误码,或让用户自己猜哪里错了。

1 · 品牌标识(Logo 与 Slogan)

品牌主体就是域名本身:xitu.work。不绑定中文译名,既绕开商标冲突,也让品牌自带一个别人拿不走的资产 —— 用户说得出、打得开、记得住。中文层面的全部表达交给 slogan 承担。品牌双色直接取自站内 UI 体系:靛蓝紫 #3A34BE × 朱橙 #FF5C33 —— 与主色、强调色同源,用户从 LOGO 点进站不会觉得换了套语言。

主标识 · 横版锁定
xıtu.

用于导航栏、页脚、合作方露出、图片水印。图形与字标的间距固定为图形宽度约 1/3,缩放时两部分必须等比。X 标自带双色,直接落在页面底色上即可,不再垫色块。

主标识 · 竖版锁定(带 Slogan)
xıtu. 自己的图,自己做

用于启动页、分享图、名片、包装等品牌独立出现的场景。Slogan 与字标间距 ≥ 图形标高度的一半。

标识的三个部件,各自承担一件事
图形标 · 四瓣胶囊 X

四枚圆角胶囊两两交叉成一个 X:既是 xitu 的首字母,也表达「交换与连接」—— 把你手里的原图,和能带来点击的好图连起来。左上、右下两枚靛蓝紫压住重心,右上、左下两枚朱橙制造跳脱感,任何尺寸下 X 的剪影都能被一眼认出。

xıtu.
字标 · xitu. 域名即品牌

字标即域名。xitu 整体用靛蓝紫 700 字重压住重心,全标只有两处彩色细节:朱橙的 i 点和朱橙的句点 —— 小到 16px 也认得出。句点收尾,表达「说到做到、有结果」,正好是老板们最认的特质。

自己的图,自己做
Slogan · 说给老板听

不讲 AI、不讲模型,只讲身份认同。让电商老板一眼认定「这件事跟我有关」,同时暗示设计这部分也就一并解决了。

Slogan 候选与选用建议
文案主打什么建议用在状态
自己的图,自己做身份认同品牌锁定、首页眉标、页脚主 Slogan
一张原图,一套好图产品能力功能宣传、Banner 副标备用
好商品,值得一张好图情绪共鸣品牌广告、节日物料备用
手机拍的,也能上架直击痛点投放落地页、短视频开场场景文案
电商图,随手生成功能直给SEO 标题、应用商店描述场景文案
图形标在各尺寸下的表现
16
22
32
48
64

16px 是下限(favicon)。低于 20px 时四枚胶囊会开始粘连,但 X 的整体剪影仍然成立,这是可接受的 —— 辨认靠形不靠细节。字标最小宽度 88px,再小就改用纯图形标。

单色与反白
xıtu.
xıtu.

深底用反白:四枚胶囊全部转白;印刷、传真、单色刻印等受限场景用纯色(默认靛蓝紫,黑白印刷用 Ink900)。双色版永远是首选,单色只是等价替身。

错误用法
xıtu. 横向拉伸变形
xıtu. 随意更换品牌色
给图形标加投影
xıtu. 自己的图,自己做
与 Slogan 贴得过近
关于商标,两件事值得先做
用域名字标已经避开了中文名冲突的最大风险,但 xitu.work 这个字标本身仍建议在第 9、35、42 类做一次检索与申请;同时把 xitu 的常见近似拼写与其它常用后缀一并占住。这两件事越早做越省事,等到有流量了再补,麻烦会大得多。
2 · 色彩系统

主色取靛蓝紫,避开泛滥的纯蓝,显得更像工具而非传统软件;强调色取朱橙,只用在「生成」这类核心动作和营销节点上。两者冷暖对冲,让主按钮在任何页面都是视线第一落点。

品牌主色 Brand
50
#EFF0FF
100
#E2E3FF
200
#C9CAFF
300
#A8A9FB
400
#8A8BF7
500
#5F5CF2
600
#4B45E0
700
#3A34BE
900
#221E78
强调色 Accent · 与中性色 Ink
A50
#FFF3EE
A100
#FFE1D5
A300
#FFAE94
A500
#FF5C33
A600
#E8431C
Ink300
#B4B9CE
Ink500
#5C6486
Ink700
#2B3358
Ink900
#0D1226
语义色 Semantic
成功 / 已连接
#12A366 · 底色 #E7F7F0

Key 有效、连接成功、生成完成

警告 / 需注意
#E08700 · 底色 #FFF7E7

生成超时、部分失败、网络不稳

错误 / 阻断
#E23B32 · 底色 #FDECEB

Key 无效、生成失败、服务商拒绝

信息 / 引导
#5F5CF2 · 底色 #EFF0FF

操作说明、新手提示、安全说明

对比度已核对(WCAG AA)
Ink900 正文 / 白底 = 18.7:1;Ink500 辅助文字 / 白底 = 5.8:1;主按钮文字 / Brand600 = 6.5:1;链接色 Brand600 / 白底 = 6.5:1。全部高于 4.5:1 门槛,弱视与户外看手机的场景都能读清。朱橙(Accent500)作按钮底色时为 3.1:1,只允许 18px 以上粗体文字使用,正文从不落在朱橙底上。
3 · 字体与字阶

ASCII 与数字用 Inter 保证数字对齐(库存、张数、尺寸必须等宽对齐),中文回落 PingFang SC / 微软雅黑。字阶只保留 7 级,避免层级失控。

Display · 46px手机拍的,也能上架
H1 · 30px如何做个运营
H2 · 22px连接你的 AI 模型
H3 · 16px场景合成
Body · 15px上传一张实物图,选好场景,出成品图。
Small · 13px失败的那一张可以单独重试。
Caption · 12px最近使用 12 分钟前
Numeric · tnum1,024 × 1,536 · 4 张
4 · 间距与圆角

基准单位 4px,8 点为主节奏。圆角随尺寸递增:小控件 6–10px,容器 14–20px,营销区块 28px —— 越大的面越圆,视觉上更松弛。

间距 Spacing
4px · 图标与文字
8px · 按钮内元素
12px · 表单行间
16px · 卡片内边距
24px · 区块间距
32px · 分组间距
48px · 章节间距
圆角 Radius
6
10
14
20
28
full
阴影层级 Elevation
1 卡片
2 悬浮
3 弹层
4 模态
5 · 组件库

以下组件已在原型中实际使用,可直接取用。注意按钮高度:常规 40px,主导航 50px,小操作 32px,均满足 44px 触控目标(32px 组件仅用于桌面端次要操作)。

按钮 · 全状态
→ 主按钮 600 色阶,悬停加深并上移 1px;禁用态降透明度且取消位移
表单 · 默认 / 聚焦 / 报错
API Key 格式通常是 sk- 开头的一长串字符。
API 地址 聚焦态:边框变主色 + 3px 光晕
自定义模型名 这个模型不存在,请检查拼写
标签 · 徽章 · 提示条
国内首选 最推荐 已连接 连接不稳 Key 失效 草稿
还没连接 API
本站不提供内置额度,连接自己的 Key 后即可开始生成。
连接成功
gpt-image-1 可用,可以开始生成商品图了。
模型暂时没有响应
服务商返回超时,稍等一会儿重试,或先换成别的模型。
这个 Key 已被停用
模型服务商返回了无效凭证。请到后台重新生成一个再粘贴进来。去处理
空态 · 加载 · 错误态(生成结果区)
还没生成过
左边选好设置就能开始
4 张都没生成成功

模型服务商拒绝了这次请求。换一个模型再试,或检查自己的账号状态。

模型对照表
模型出图速度改图能力最适合状态
词元流墟 · gpt-image-1约 8 秒强主图、精细商品已连接
词元流墟 · 聚合模型约 5 秒强批量试稿、改图未连接
推荐接口 · 待上新约 6 秒中国内网络、电商风未连接
自定义接口约 7 秒中大批量白底图未连接
模态 · 危险操作二次确认
6 · 图标系统

线性图标,24×24 画布,描边 1.7px,圆头圆角。只用一套,不混用面状图标。图标永远配文字标签 —— 目标用户不熟悉抽象符号。

7 · 响应式与可访问性

电商老板大量在手机上看店、在电脑上干活,所以最关键的约束是:手机上必须能完成「看图 + 下载 + 重生成」,但不能指望在手机上排参数。

断点策略
≥ 1560px工作台三栏:参数 · 结果 · 任务队列
1280 – 1559收起任务队列,改为顶部抽屉入口
960 – 1279参数栏收窄,落地页转为单列纵向
680 – 959工作台改为上下结构,参数可折叠
≤ 679px单列;导航收为图标;结果图强制两列
合规与包容设计
所有交互元素键盘可达,聚焦环 2px 主色描边
触控目标 ≥ 44px(桌面次要操作允许 32px)
尊重 prefers-reduced-motion,动效可全关
正文对比度 ≥ 4.5:1,大字 ≥ 3:1
状态不只用颜色区分,同时带图标或文字
深色模式全套令牌已就绪,右上角可切换
设计系统 · xitu.work

五套页面原型与全部设计令牌已完成,可直接进入开发。深色模式已同步适配。

开放生图

接口统一跟随「API 连接」,Key 只留在本机浏览器。
还没连接 先连接

接口

POST /v1/images/generations

设置

写提示词、选尺寸
生成参数(尺寸 / 张数)
输出规格—
生成后直接下载到本地,本站不经手、不保存
等待生成 待命
结果会显示在这里 左侧填好提示词与参数点「开始生成」,或在「AI 聊天生图」里拆任务批量执行。
请求预览
{}
响应
{}
0 张图片 · 本次会话

文案工作台

填一个产品和它的卖点,用你自己连好的模型,一次写出三组能直接排到图上的文案:主图文案 5-10 条、详情页文案 12-18 条、3:4 文案 5-10 条。每条都拆成主题 / 副标题 / 正文内容三段,写完自动过一遍电商禁用词与素材禁用清单,命中的地方直接标出来,可以一键改成可验证的说法。

还没有生成