Shotcandy

什么是 Shotcandy？

Shotcandy 是一款基于浏览器的截图和代码图片编辑器，用于制作适合在线分享的视觉素材。它可以为截图和屏幕录制添加背景、内边距、圆角、阴影，以及可选的窗口或设备边框；此外还提供专用工具，用于创建 Open Graph 图片和带高亮效果的代码视觉素材。

编辑器支持粘贴或拖放截图和文件，并在支持的工作流中处理 MP4、MOV 或 WebM 录制文件。根据工作流不同，可导出 PNG、JPEG、WebP、MP4 和 GIF，并提供适用于社交网络、Open Graph 卡片和 App Store 截图的预设。Shotcandy 声明，所有处理都在浏览器中进行，无需注册、上传文件，也不会添加水印。

Shotcandy 能做什么？

截图样式美化

应用渐变或网格背景、从源图像提取的颜色、内边距、圆角、阴影和边框，让截图呈现更精致的效果。

预设画布尺寸

可以按截图原始分辨率导出，也可以使用适用于 Open Graph、X、LinkedIn、Instagram 和 App Store 素材的尺寸。截图美化工具支持 1× 到 4× 输出，Open Graph 工具提供 1200 × 630 画布。

屏幕录制支持

导入 MP4、MOV 或 WebM 录制文件，进行裁剪，选择是否保留声音，并直接在浏览器中导出为 MP4、WebM 或 GIF。

代码图片生成

将代码粘贴到带语法高亮的样式化窗口中，支持自动检测语言，也可以从 26 种语言中选择；提供八种主题、可选文件名和行号，以及可配置的高亮行。

Open Graph 图片创建

从截图创建链接预览图片，使用精确的 1200 × 630 画布，然后按所选缩放比例下载 PNG 或 JPEG。

本地浏览器工作流

通过键盘快捷键粘贴、拖放文件或选择文件，然后无需账号即可编辑和导出。产品声明，截图和代码会保留在设备上。

使用场景

“产品和功能发布公告”

将应用截图制作成带边框和样式的图片，用于发布公告、文档页面、演示文稿或其他可分享素材。

“链接预览”

根据网页截图创建 1200 × 630 的 Open Graph 图片，用于页面元数据以及 Facebook、LinkedIn、Slack 和 X 等服务中的链接卡片。

“开发者教程和版本说明”

将代码片段转换为带主题的图片，并添加语法高亮、行号或重点突出显示的代码行，方便在文章或帖子中阅读。

“App Store 素材准备”

使用可用的 App Store 截图尺寸选项，根据产品截图准备一组 3–10 张幻灯片。

“短产品演示”

导入屏幕录制，进行裁剪，决定是否保留音频，然后导出可分享的 MP4、WebM 或 GIF。

常见问题

Shotcandy 会上传截图或代码吗？

不会。产品声明，编辑、高亮和渲染都在浏览器中进行，截图和代码会保留在设备上。产品还表示没有服务器，也无需账号。

我可以导出哪些格式？

根据工具不同，Shotcandy 可导出 PNG、JPEG 和 WebP 图片；对于支持的动态工作流，还可导出 MP4、WebM 或 GIF。Open Graph 制作工具可导出 PNG 或 JPEG，文档所述的截图和代码工作流支持最高 4× 输出。

可以使用屏幕录制吗？

可以。截图美化页面列出了 MP4、MOV 和 WebM 输入格式。录制内容可以裁剪，可以保留或移除音频，结果可导出为 MP4、WebM 或 GIF。

支持哪些代码语言？

Shotcandy 列出了 26 种选择，包括 TypeScript、TSX、JavaScript、JSX、Python、Rust、Go、Java、Kotlin、Swift、C、C++、C#、PHP、Ruby、HTML、CSS、JSON、YAML、TOML、Markdown、SQL、Shell、Dockerfile、GraphQL 和 diff。语言检测可以自动选择一种语言。

Open Graph 图片应使用多大尺寸？

Open Graph 工具使用 1200 × 630 像素的画布，这是链接预览所述的 1.91:1 尺寸。该工具还说明，X 和 LinkedIn 帖子图片提供专用的 1200 × 628 预设。