图片上的文字几乎总是以同一种方式失败:在你当时盯着的那块画面上很好看,一到明亮的云层、白衬衫或高光处就消失了。照片的明暗是变化的,而文字需要稳定的对比度。下面每一种技法,都是为了弥合这个落差。
四种技法,从优到劣
- 把文字放在空白处。 最优雅的解法是构图层面的:拍摄或裁剪时留出天空、墙面、路面或虚化背景来放文字。不需要任何叠加,也不遮挡画面。
- 加一层压暗。 在整图上盖一层半透明的黑色(或品牌色),或者做一个下深上透的渐变。40–60% 的不透明度通常就够。几乎所有流媒体和新闻网站都这么做,因为它对*任何*照片都有效。
- 用实心文字板。 文字后面放一个填充色块或色带。可读性极强,视觉上略重——适合价格、标签和行动号召。
- 给文字本身加描边或投影。 有效,字幕全世界都在用,但很容易过火。紧凑柔和的投影(小偏移、中等模糊、50–70% 不透明度)显得专业;粗硬的黑描边则像 2005 年的表情包——除非你就是要做表情包。
不要指望仅靠改字体颜色解决对比度——照片里迟早会出现那个颜色。
字号与位置的具体数值
- 标题文字:图片高度的 6–10%。1080 像素高的图约合 65–108 像素——比大多数人预想的大得多,但图片被观看时本来就很小。
- 正文/说明文字:图高的 3–4%;再小在信息流里就读不清了。
- 边距:文字距各边至少留出宽度的 5%,如果图片会被平台裁切则要留更多。
- 安全区:假定任何社交平台都可能把你的图裁成别的比例。把文字控制在中央 80% 区域内才活得下来。
对比度底线
文字与紧邻其后的像素之间,对比度至少达到 4.5:1(超大字号可放宽到 3:1)。这是无障碍标准,但它同时是一条设计规则:通过对比度检验的文字,才能在小屏幕、阳光下和劣质显示器上活下来。最稳妥的组合始终是"接近白的字压在压暗区域上",或"接近黑的字放在浅色区域上"。
两个格式提醒
- 文字有硬朗的高对比边缘,而这正是 JPEG 压缩最不擅长的。如果图片以文字为主,导出 PNG;如果是带标题的照片,质量 85 以上的 JPEG 没问题,但别再往下压。
- 烧进图片的文字无法被翻译、被搜索、被读屏软件朗读。在网站上,用真实的 HTML 文字叠在背景图上,对 SEO 和无障碍都更好;只有社交卡片、表情包这类"只能给一张图"的场合,才把文字烧进去。