从 AI 图片到可用的网页配图

操作步骤

打开 AI 图片生成 →

1. 先确定输出用途。本例是方形产品概念配图，选择 1:1、1K；如果需要横版封面，应在生成前选横版比例。压缩工具等比例缩放，不能把方图自动裁成横图。
2. 在 AI 图片生成页找到“产品静物”，使用其描述。示例原始英文提示词列在下方；中文是译文，使用译文或重试都不保证复现同一张图片。
3. 检查花瓶轮廓、枝叶连接、光影和意外文字。当前示例主体位于中央、背景留白较多，但并不是真实商品照片，不应当成某件商品外观的证明。
4. 下载生成结果并保留原图。浏览器最近 20 张历史不是备份；清理浏览器数据或继续生成都可能使旧记录不可用。
5. 打开图片压缩工具，选择原图、JPEG、质量 75、最大宽度 0、目标体积 0。先运行并检查结果；0 宽度保留尺寸，0 目标不强制拟合文件大小。
6. 如果目标网站要求小于 200 KB，再设置目标并从原图重跑。本工具 200 KB 为 204800 字节；若网站采用 200000 字节上限，可用 190 KB 留出余量。不要仅凭扩展名或质量数字判断是否合格。
7. 下载输出，在实际展示尺寸和 100% 放大下检查轮廓、渐变与细节；同时确认字节数和像素。需要加入标题时，在排版工具中添加，不依赖生成图片中的文字。

实测示例

在 Windows / Chrome 156 中使用本站压缩实现测试。输入为本站产品静物示例的原始 PNG，每次都从同一原图开始；未重新调用生成模型。

PNG

1024 × 1024 px · 946462 bytes

JPEG · 90

1024 × 1024 px · 75516 bytes

JPEG · 75

1024 × 1024 px · 38813 bytes

JPEG · 75 · ≤200 KB

1024 × 1024 px · 38813 bytes

这是单张图片的编码测试，未测量视觉等价评分。浏览器编码、素材和设置不同会产生不同结果；使用前检查自己的输出。

这段提示词分别解决什么问题？

“matte white ceramic vase with a single olive branch”指定主体、材质和数量；“warm beige plinth”给出场景；“soft side window light, subtle shadows”描述光线；“minimal editorial product photography”限定视觉方向；“no lettering, no logo”表达不需要的元素。约束是生成目标，仍需检查输出是否遵守。

原始英文提示词：A matte white ceramic vase with a single olive branch on a warm beige plinth, soft side window light, subtle shadows, minimal editorial product photography, no lettering, no logo

怎样修改，而不是不断叠加形容词？

若准备用作带标题的封面，可以尝试把构图要求改成“vase on the right third, empty space on the left”。这是待尝试的修改建议，没有对应实测输出或成功率承诺。先只改构图，观察主体位置，再决定是否调整光线。

这里每次都会重新生成整张图片，不会锁定原来的花瓶或枝叶。想保持准确的商品外观，应使用自己的实拍素材；不应把重新生成当成精确修图。

为什么 200 KB 目标没有让本例继续变小？

本例在质量 75 时已经只有 38813 字节，小于 204800 字节，所以目标模式不需要继续降低质量或尺寸。目标是上限，不是要把文件补齐到指定体积。

这张图背景简单，不能用它推算复杂风景、细密纹理或其他模型输出的压缩率。JPEG 是有损格式；字节更少不代表视觉质量相同。透明图转 JPEG 会使用白色背景。

卡在哪一步，就检查哪一项

生成失败：查看页面错误并稍后手动重试，不要连续重复点击。压缩失败：确认原图能打开，检查文件和像素限制。图片太糊：从原图重试，提高质量或允许更大体积，避免反复压缩输出文件。

AI 生成需要将描述发送至模型服务。本地压缩在浏览器中完成，但网站访问、广告等仍可能发起网络请求。不要在描述中填入秘密或敏感个人信息。

更多问题