图像文本添加器
原始: x
从梗图配文到名言卡片、励志横幅及产品标签,图像上的文字正是大多数社交内容的呈现形式。上传一张照片后,添加一个或多个具有独立字体、颜色和位置的文字层,该工具便会以全分辨率显示效果,并可选择添加轮廓线、阴影、背景填充以及文本对齐方式至每个角落。
如何向图像添加文本
-
1
上传图片
JPG 、PNG、WebP。
-
2
添加文本图层
输入文本;拖动调整位置;使用角柄调整大小。
-
3
方式
选择字体(系统字体或 Google 字体)、大小、颜色、轮廓线及阴影效果。
-
4
添加更多图层
堆叠多个文本框,用于制作多行表情包或带说明文字的照片。
-
5
导出
以全源分辨率渲染至图像。
图像上的文字设计规则
任何照片上的可读文本
三种技术可在背景复杂的情况下保持文本清晰可读:
- 清晰轮廓:白色文字配以2–3像素的黑色边框,可在任何照片上清晰呈现。
- 实体背景图块:位于文本后方,呈矩形或圆角矩形,透明度为60%-80%。
- 局部去饱和处理:仅在文本后方应用带有柔和边缘的深色区域。
梗图格式
| 格式 | 文本位置 | 常用字体 |
|---|---|---|
| 上下式表情包 | 顶部与底部均为白色文字,配黑色描边 | Impact,粗体无衬线 |
| 引用卡 | 居中、大号、衬线或展示体 | Playfair、Merriweather |
| Instagram 快拍标题 | 底部为药丸形背景 | 系统无衬线字体 |
| LinkedIn 轮播图 | 左上角,干净的无衬线字体 | Inter、Helvetica |
| Twitter 截图叠加 | 居中并带微妙阴影 | 衬线体表达讽刺;无衬线体表达直接 |
字体来源
- 系统字体:加载时间为零,保证正常显示。
- Google Fonts:庞大的字体库,支持异步加载。
- 自定义 WOFF2 文件上传:适用于品牌专属的字体样式。
保持画面构图的呼吸感
- 请勿在图像的每个部分都放置文本。
- 在图像边缘处,文本周围至少需留出 10% 的空白空间。
- 对于方形社交帖子,三分法则同样适用于文字布局。
导出大小
大多数社交平台都会对您的图片进行重新编码。请以最终显示尺寸的两倍导出图片,并让平台自动缩放,这样得到的效果比以精确目标尺寸上传更为清晰。
常见问题
是的,上传 WOFF 、WOFF2或TTF文件后,该字体即会自动注册至当前会话。品牌专属字体可立即生效;无需额外上传任何文件,仅需在浏览器中操作即可。
可将粗实轮廓线(白色背景上的黑色文字,宽度为2–3像素)与柔和的阴影效果结合使用,或将文本置于半透明矩形内。务必在实际显示尺寸下进行验证,那些在放大视图中显示良好的文本,在缩略图尺寸下可能在复杂背景中完全不可见。
是的,使用系统默认颜色的emoji字体。渲染后的emoji会与操作系统自带版本一致;导出的图像已将所有字符样式统一处理,确保在所有设备上显示效果一致。
是的。每个文本层都具有独立的旋转和倾斜功能,非常适合用于对角线方向的促销徽章或垂直侧边面板标签。
相关工具
材质设计颜色选择器
浏览Material Design色板,单击即可将任意色号(50至A700)以HEX、RGB或 HSL 格式复制。
五线谱纸生成器
制作空白五线谱纸,可设置每页五线谱数量、谱线间距、纸张尺寸、页边距及可选的 G 或 F 参考标记。预览后下载 PDF 或 SVG。
乐高风格马赛克制作器
将照片转换成每边 16、32 或 48 格的方形马赛克。预览近似颜色、统计 1×1 平板颗粒,并下载带编号的拼搭指南。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。
SVG 点阵生成器
生成可调整画布、间距、半径和颜色的 SVG 点阵图案。作为 CSS 背景使用前,请将复制的 SVG 编码为数据 URL。
半色调生成器
将照片转换为可调节的 AM 式半色调,可选单色、取样色和 CMYK 风格模式,并下载 PNG 或矢量网点 SVG。
此工具还提供其他语言版本
- أداة إضافة نص للصورة [AR]
- Añadir Texto a Imágenes [ES]
- Tekst aan afbeelding toevoegen [NL]
- 이미지 텍스트 추가기 [KO]
- Ajout de texte à l'image [FR]
- Công cụ thêm văn bản vào hình ảnh [VI]
- เครื่องมือเพิ่มข้อความภาพ [TH]
- Dodawca tekstu do obrazu [PL]
- Bildtextläggare [SV]
- Adicionador de Texto em Imagem [PT]
- Penambah Teks Gambar [ID]
- 画像テキスト追加ツール [JA]
- Bildtext-Hinzufüger [DE]
- Image Text Adder [EN]
- Aggiungi Testo all'Immagine [IT]
- Добавитель текста к изображению [RU]
- Resim Metin Ekleyici [TR]