这篇解决什么问题
图上压了字，在电脑上清清楚楚，发出去就糊成一片。或者自己觉得挺好看，别人在手机上一划就过去了——字太小、太淡、跟背景粘在一起。这类问题不是审美问题，是可测量的问题：字号有没有到下限、对比度有没有过线、边距有没有留够。
这篇能拿到的东西：一张把“可读性”拆成六个可查参数的对照表（每个参数标明下限、来源性质和怎么验）、一张决策路径表（六组 if-else，直接告诉你该抄哪套配置）、三套能直接落地的参数配置，以及一份发布前自检清单。
这篇不解决什么：不讨论字体气质和风格选择，不管文案怎么写，也不涉及动效。另外，对比度标准原本是为网页内容定的，本文把它借用到图上文字，是借用的工程做法，不是合规认证——如果你的项目有强制无障碍要求，请以规范要求文本为准。
参数对照表
先交代标准的出处。W3C 的 WCAG 2.2 成功准则 1.4.3 Contrast (Minimum) 的官方条文是：文本的视觉呈现以及文本图像与其背景的对比度至少为 4.5:1；大号文本（large-scale text）及大号文本图像的对比度至少为 3:1；另有“ incidental”和“logotypes”两类豁免。AAA 级则要求正常文本 7:1、大号文本 4.5:1。来源：W3C《Web Content Accessibility Guidelines (WCAG) 2.2》，W3C Recommendation（2023-10-05 发布，2024-12-12 更新），以官方文本为准，核实日期 2026-10-04。
条文里明确写了“images of text”，所以压在图上的字同样落在它的射程内。至于“大号”的门槛，官方口径是 18pt 或 14pt 粗体，常见换算是约 24px（常规字重）或约 18.7px（粗体）；不同机构的换算表在 18.66px 与 19px 之间有细小出入，请以官方文本为准。
| 参数 | 建议下限 | 来源性质 | 怎么验证 |
|---|---|---|---|
| 对比度：正常字号文字 | 4.5:1（AA）／7:1（AAA） | 公开标准 WCAG 2.2 1.4.3，官方文本 | 取色器取前景与背景色，用对比度检查器算 |
| 对比度：大号文字 | 3:1（AA）／4.5:1（AAA） | 同上，门槛为 18pt 或 14pt 粗体 | 先量字号是否过门槛，再算比值 |
| 对比度：非文本图形与控件 | 3:1 | WCAG 2.2 1.4.11，官方文本 | 图标、按钮边界单独取样 |
| 主标题字号占画幅 | 主题文字占画面 30%–40% 面积；手机端标题不低于 15% | 第三方整理（2026-05 的一份电商尺寸指南），非平台官方 | 截图后量文字包围盒占比 |
| 安全边距 | 上下各 60px；左右 PC 120px、手机 40px；核心内容落在中心 60% 区域 | 第三方整理的通用规则，非平台官方 | 按目标投放尺寸画参考线 |
| 描边与投影 | 描边宽度约为字号的 3%–5%；投影偏移不超过字号的 5% | 本文经验建议值，非任何标准 | 缩到投放宽度目测，字边缘不糊即可 |
表里有两行要特别说明：字号占比和安全边距那两行的数字来自第三方整理的文章，不同来源之间说法不一致，我无法确认它们是平台官方规范，请在下单前用平台当前给出的规范再核一遍。描边和投影那一行是我给的经验值，不是标准，只是它比“凭感觉加描边”更好复现。
怎么选：决策路径
从上往下走，命中第一条就停。
| 判断条件 | 命中情况 | 走哪一步 |
|---|---|---|
| 背景是照片还是纯色 | 照片、明暗不均、有纹理 | 直接走配置三，别试图省掉压暗层 |
| 纯色背景的明暗 | 深色底（如深蓝、墨绿、炭黑） | 走配置一 |
| 纯色背景的明暗 | 浅色底（如米白、浅灰、淡黄） | 走配置二 |
| 缩到实际投放宽度后的字号 | 小于 24px（粗体小于约 18.7px） | 字号不享受 3:1 的放宽，必须按 4.5:1 走，或删文案 |
| 文字是否压在主体轮廓上 | 压在人脸、产品边缘、LOGO 上 | 挪位置；挪不了就加半透明底板，再重算对比度 |
| 要不要适配多个尺寸 | 同一张图要出 PC 和手机两版 | 按最小尺寸定字号，最大尺寸靠留白吸收 |
三套可直接抄的配置
配置一：深色底浅字
适合纯深色背景的活动海报、封面、Banner。深色底的好处是背景亮度稳定，对比度一次算准就不用再改。
背景：#14213D（深蓝，纯色，无渐变）
主标题：#FFFFFF，字重 700 及以上
副标题：#E8E8E8
强调色（价格/折扣）：#FFB703
主标题字号：不小于画幅高度的 12%
描边：无
投影：偏移 0，模糊为字号的 4%
安全边距：上下 ≥60px，左右 ≥120px（PC）验收：白字与 #14213D 的对比度跑一遍检查器，实测值 ≥4.5:1；缩到手机端投放宽度后主标题仍 ≥24px；强调色与背景的对比度单独算一遍，不要只看主标题。
配置二：浅色底深字
适合产品图、详情页头图、白底促销贴。浅底的坑在于“浅灰字”——很多人为了柔和把字调成 #CCCCCC，那是最常见的翻车点。
背景：#F7F5F0（浅米白，纯色）
主标题：#1A1A1A，字重 700 及以上
副标题：#4A4A4A
强调色（价格/折扣）：#C1121F
主标题字号：不小于画幅高度的 12%
禁用：#CCCCCC 及更浅的灰、任何低于 #767676 的正文灰
描边：无
安全边距：上下 ≥60px，左右 ≥120px（PC）验收：#1A1A1A 与 #F7F5F0 的对比度实测 ≥4.5:1；副标题 #4A4A4A 单独复算；图上不存在“浅灰小字”区域，全部正文级文字都过 4.5:1。
配置三：照片上压字
照片背景没有单一背景色，WCAG 相关准则在实践中的做法是取最差的一点——也就是文字与背景亮度最接近的那个位置，整段文字按这个最差点判定。所以照片压字必须先把背景“压平”。
压暗层：文字区域叠一层黑色，不透明度 35%–45%，带 8px 羽化
或压暗渐变：从文字侧到对侧，黑 45% → 透明
主标题：#FFFFFF，字重 700 及以上
副标题：#FFFFFF，不透明度 90%
主标题字号：不小于画幅高度的 14%
描边：无；如背景仍花，加宽度 3% 的深色描边
投影：偏移为字号的 3%，模糊为字号的 6%验收：用取色器在文字覆盖范围内取最亮的一点作为背景色，白字与它的对比度 ≥4.5:1；文字不压在人脸和产品主轮廓上；把图缩小到实际投放宽度后，正文级小字仍可辨认。
自检清单
导出前逐条打勾，任何一条不过就不要发。
□ 所有文字前景色与背景色都跑过对比度检查，实测值有记录
□ 大号文字确认过字号门槛（24px 常规 / 约 18.7px 粗体），没误用 3:1
□ 照片背景取的是最差的一点，不是平均色
□ 强调色（价格、折扣、按钮）单独算过对比度
□ 主标题字号不低于画幅高度的 12%
□ 缩到手机端实际投放宽度后，所有文字仍可读
□ 安全边距达标，核心内容在中心 60% 区域内
□ 文字没有压在人脸、产品边缘或 LOGO 上
□ 多尺寸版本是按最小尺寸定的字号
□ 打印小样或手机实机看过一次，不是在电脑上判定的下一步
把手上最近一张压字的图拿出来，按上面六个参数逐项量一遍，把实测值记下来。你会发现大多数“不好看”的图，其实是两三个参数没过线，改完就立竿见影。
如果这张图是电商主图，站里这篇AI 电商主图六步流程讲了从需求到验收的完整链路，可以把这份参数表当成其中验收环节的量尺。
数据来源：对比度阈值（4.5:1 / 3:1 / 7:1）及大号文字门槛（18pt、14pt 粗体）引自 W3C《Web Content Accessibility Guidelines (WCAG) 2.2》成功准则 1.4.3 与 1.4.11 的官方条文，以官方文本为准，核实日期 2026-10-04。字号占画幅比例、安全边距数值来自 2026-05 一份第三方电商尺寸指南（第三方整理，非平台官方规范，也非本人实测）。描边宽度、投影偏移、字号下限百分比为本文经验建议值，非任何标准。整理日期 2026-10-04。