如何在浏览器里给图片添加文字图层

发布于 2026 年 9 月 19 日

给图片配上文字，是最古老的修图需求之一，到今天依然高频。好消息是：你不需要安装任何软件，也不需要把图片上传到服务器，就能完成这件事。本文教你用在线PS —— 一个完全在你设备本地处理图片的免费在线修图工具 —— 直接在浏览器里给照片添加文字。

为什么要给图片加文字

一张图片很少"裸奔"。大多数时候，它需要几句话才能真正派上用场，而且用途五花八门：

这四种需求的做法其实大同小异，而且只要把文字和底下的照片分开放，效果都会更好。

最省事的做法是把字直接"画"进图片像素里，就像简单的画图软件那样。问题在你改主意的那一刻才会暴露：文字已经长死在照片上，想挪个位置或改个词，就得先擦掉再手工修补背景。

正经的编辑器不这么干。在在线PS 里，你添加的每一段文字都会放在自己的图层上，叠在照片上方。这让整个过程变成"无损编辑"：

只要图层结构还在，导出之前一切都不是定稿。

打开在线PS，用文件 → 打开（File → Open）载入照片（也可以直接把文件拖进页面）。
在左侧工具栏选中文字工具。
在画布上想放文字的位置点一下，对话框随即弹出。
输入文字内容，然后设置样式：字号可在 8 到 400 px 之间任选，从预设字体列表里挑一个字体，需要的话勾上加粗或斜体，多行文字还可以调行高。
选择颜色 —— 文字默认使用当前的前景色，所以想用好特定颜色的话，先用取色器或颜色选择器把前景色设好。
确认对话框。文字出现在画布上，同时在图层面板里生成一个全新的图层。

如果措辞不太满意，别急着删 —— 选中文字图层，用图层 → 编辑文字重新打开同一个对话框调整即可。

文字一旦成为图层，整套图层工具都对它生效：

自由移动：切换到移动工具，把文字拖到位。要精确对位的话，先用缩放工具放大局部。
图层不透明度：把不透明度从 100% 降到 30%–60%，文字会"沉"进画面里 —— 这是做水印和低调备注的标准手法。
混合模式：图层面板提供 12 种。对文字最实用的是叠加（Overlay）和柔光（Soft Light）：它们让文字与照片的明暗产生互动，而不是生硬地浮在表面，看起来更像照片自带的柔和水印。
手工制作投影：想让文字在杂乱背景上立起来，可以用图层 → 复制图层（Duplicate Layer）复制一份文字，对副本用图层 → 编辑文字把颜色改深，往下、往旁边挪几个像素，垫在原文字下面，再调低不透明度。一分钟就能做完，效果出人意料地干净。

有一点要实话实说：在线PS 没有内置的描边、轮廓或投影特效。上面这个"复制加偏移"的土办法就是替代方案 —— 它让你完全掌控方向、距离和柔和度，但终究是个手工办法。如果你要的是一键生成的精致特效，那这个工具并不合适。

打水印是最常见的加字需求，这里给出端到端的精简版：

这样出来的水印标明了归属，又不会压过照片本身。而且由于全程本地处理，你可以放心给尚未发布的客户稿件打水印 —— 图片根本不会碰到任何服务器。

可读性永远排第一。文字的生死取决于对比度。浅色字放在杂乱或明亮的区域上等于白写 —— 要么压暗文字背后的区域，要么用上文的假投影技巧，要么在构图里找一块安静的角落。
没满意之前别合并图层。把文字图层向下合并（图层 → 向下合并 / Merge Down）是单程票。只要还有可能改文案，就让图层保持独立。
选对导出格式。带文字的图形、或需要透明背景的图，用 PNG，文字边缘始终锐利；成品照片、更在意文件体积时用 JPG。注意 JPG 存不了透明信息，而且它的压缩会让锐利的文字边缘略微发虚。
多行文字：备注需要换行时，在文字对话框里微调行高，而不是把所有字硬挤在一行里。
字号要匹配用途。400 px 的大标题适合封面图，14 px 的署名做水印绰绰有余。按图片实际的观看场景来定字号。

打开在线PS，随便载入一张照片，在独立图层上加一句说明 —— 然后用"图层 → 编辑文字"重新打开它，体会一下无损工作流有多宽容。一切都在你的浏览器里完成：免费、免注册、无水印，图片也永远不会离开你的设备。