[使用场景](https://openscreenshot.app/zh-cn/use-cases/)

# 如何让截图适合在社交媒体上分享

裁剪截图，添加带内边距、圆角、阴影和背景的边框，遮盖个人信息，并以清晰的尺寸导出。

作者 [OpenScreenShot](https://github.com/pghqdev/OpenScreenShot)

要在社交媒体上分享截图，把它裁剪到能说明你观点的部分，遮盖个人信息，添加边框，并以保持清晰的尺寸导出。在 OpenScreenShot 中，用**裁剪**修整，用**模糊**的**纯色**填充遮盖细节，用 **Beautify** 面板添加内边距、圆角、阴影和背景。然后以 200 % 或精确的像素宽度导出 PNG。

## 逐步为帖子准备截图

1. 截取页面。右键菜单中的**选定区域**或**截取元素**从一开始就给出紧贴内容的图片。
2. 在**编辑器**中选择**裁剪**（`C`），在你要保留的部分上拖动，然后点击**应用**。
3. 选择**模糊**（`B`），在**遮盖**下选择**纯色**，然后盖住姓名、头像、邮箱地址，以及其他不该由你分享的内容。
4. 点击顶栏中的 **Beautify**。选择一种**样式**，然后调整**内边距**、**圆角**、**阴影**和**背景**。
5. 点击**保存图片**。在**导出**对话框中选择 **PNG**，并把**缩放比例**设为 200 % 或精确的宽度。
6. 发布之前，打开保存的文件，检查遮盖和边框。

要不保存文件直接发布，点击**复制**或按 `Ctrl+C`（macOS 上为 `⌘C`），然后把图片粘贴到帖子中。复制的图片包含边框。

## 先遮盖个人信息

在加边框和导出之前完成遮盖，并在保存的文件中再检查一次。评论、关注者姓名、通知数量、页面内的浏览器标签页和账户菜单显示的内容常常比你想要的多。

柔和的模糊或马赛克可能留下短文本的线索。**纯色**在导出中完全盖住该区域。[遮盖指南](https://openscreenshot.app/zh-cn/blog/redact-screenshot/)说明了如何留出余量遮盖区域，以及如何检查结果。

## 选择边框

**Beautify** 面板（[文档](https://openscreenshot.app/zh-cn/docs/#annotate)中也称为 Beautify）有六种预设：

- **简洁**：带柔和阴影的简单边框
- **宽松**：截图周围留出更多空间
- **紧凑**：贴合紧密的边框
- **扁平**：直角，无阴影
- **海报**：圆角，带深阴影
- **抠图**：有阴影，无背景

选择预设后，可以用滑块更改内边距、圆角半径和阴影。**背景**可选六种渐变之一（墨黑、珊瑚、暮色、薄荷、沙色、天蓝）、一种纯色或**透明**。边框实时预览，并进入每次导出。

透明背景需要 PNG 或 WebP。JPEG 不支持透明，因此会用纯色填充背景。

## 以清晰的尺寸导出

在**缩放比例**下选择 25、50、100 或 200 %，或输入精确的像素宽度。小区域的截图在网站把它放大到帖子中时可能显得模糊；200 % 能给网站更多可用的像素。超过 Chrome 画布限制的尺寸会被拒绝，对话框会告诉你，而不会保存一个空文件。

PNG 能让界面文字保持清晰。JPEG 和 WebP 有质量控件，可得到更小的文件。每个社交网站都有自己的尺寸和压缩规则，因此发布前请检查帖子预览。

## 箭头和标签

当图片的重点不能一眼看出时，添加一个**箭头**（`A`）或一个简短的**文字**（`T`）标签。**Spotlight（聚光）**（`O`）会调暗某个区域以外的所有内容，适合在繁杂的界面中突出单个功能。标注要少，因为帖子预览通常很小。

## 限制

扩展只截取页面内容。它不包含浏览器工具栏或你的桌面。在你发布或上传图片之前，截图和编辑都留在你的电脑上；你发布到的网站有自己的存储和分享规则。

[导出参考](https://openscreenshot.app/zh-cn/docs/#export)列出了每种格式。要为教学任务截图，请参阅[文档截图](https://openscreenshot.app/zh-cn/use-cases/documentation/)。要为你的产品录制短视频，请参阅[产品演示视频](https://openscreenshot.app/zh-cn/use-cases/product-demos/)。

## 继续阅读

[阅读文档](https://openscreenshot.app/zh-cn/docs/)、[浏览所有指南](https://openscreenshot.app/zh-cn/blog/)，或[获取截图帮助](https://openscreenshot.app/zh-cn/support/)。

---

Canonical page: https://openscreenshot.app/zh-cn/use-cases/social-media/