---
title: 电商视觉正式稿交付与质检SOP
category: 内容设计与创意生产/电商详情页设计
tags: ["电商详情页", "主图", "正式稿", "HTML排版", "质检"]
source: Hermes 多 profile 候选汇总，经 meow-chan 复核后提交三人审批
created_at: 2026-05-18
visibility: studio-internal
safety: 不含密钥、token、cookie、AppSecret、私聊原文、个人完整流水或动态项目待办
---

# 电商视觉正式稿交付与质检SOP

## 适用场景

用于电商详情页、商品主图、首页轮播、活动 banner 等正式视觉交付。

## 默认规格

- 商品详情页：默认 790px 宽移动端长图，按平台或店铺要求覆盖。
- 商品主图：默认 800×800。
- 首页轮播 / 竖版 banner：先按平台确认尺寸，历史常见为 1200×2000。

## 制作原则

1. 正式稿使用真实高清产品图、真实 logo、真实字体和已确认文案。
2. 正式标题、参数、CTA、logo 和复杂版式优先用 HTML/CSS 排版并通过浏览器截图/导出，不用 Pillow 复刻复杂正式排版。
3. 低清参考图、AI 参考图、临时截图只能作为方案或占位，不冒充正式商用素材。
4. 素材不足时，先输出结构方案、占位预览或待补资料清单。

## 交付前检查

- 尺寸、清晰度、首屏和末屏完整。
- 没有网页感边框、模板拼接、破图、提示词、内部备注或质检说明露出。
- 商品比例、款式、纹样、包装、标签等事实未被 AI 改写。
- 文字无错别字，logo 未变形，广告法/平台敏感表达已检查。

## 800×800 主图的单核心底图与叠字流程

> 来源：NAS共享知识库合并审批 `nas-kb-approval-20260523-080418` / `op-005-ecommerce-main-image-800-html-text`；写入日期：2026-05-23；审批实例：`97A56661-9B76-4E58-9437-76F6BC9115B1`；来源 profile：designer2, designer3。


用于正式商品主图或活动主图，需要兼顾真实商品事实和视觉统一的场景。

1. 默认按 800×800 制作；若平台或店铺另有规范，以平台/店铺最新要求为准。
2. 每张主图只选一张核心原图或底图，不做多图拼贴、小框矩阵或无重点堆叠。
3. 如需 AI 参与，优先生成无字背景、氛围底图或局部光影；不要让模型重绘真实商品主体、logo、包装文字、价格、参数和平台标签。
4. logo、标题、短卖点、活动利益点、CTA 和标签用 HTML/CSS 或设计软件后期叠加，确保文字可控、可改、无假字。
5. 导出后检查：画布 800×800、主体不变形、文字清晰、logo 正确、边距一致、无内部说明/提示词/调试元素。