Files
SnapOtter/apps/docs/zh-CN/tools/image/beautify.md
T
SnapOtterandGitHub 4963ab3bbd feat(docs-i18n): translate all documentation into 20 languages
All 181 docs markdown files translated into 20 languages (apps/docs/<locale>/**). Companion to the i18n code PR; admin-merged because the file count exceeds GitHub's per-PR CI trigger limit. Validated by pnpm i18n:check (all surfaces, 0 stale/missing) and a clean all-locale docs build.
2026-07-11 13:52:47 +08:00

4.7 KiB
Raw Blame History

description, i18n_source_hash, i18n_provenance, i18n_output_hash
description i18n_source_hash i18n_provenance i18n_output_hash
将普通截图变成精致的图像,加上渐变背景、设备框架、阴影和社交媒体尺寸。 8fd8a930a45e human b9abf471fb21

Beautify Screenshot

为截图添加渐变背景、设备框架、阴影、水印和社交媒体尺寸。非常适合为产品营销、社交媒体和文档创建精致的图像。

API Endpoint

POST /api/v1/tools/image/beautify

Parameters

Parameter Type Required Default Description
backgroundType string "linear-gradient" 背景类型:solidlinear-gradientradial-gradientimagetransparent
backgroundColor string "#667eea" 纯色背景颜色(当 backgroundTypesolid 时使用)
gradientStops array [{"color":"#667eea","position":0},{"color":"#764ba2","position":100}] 渐变色标(至少 2 个)。每个色标有 color(十六进制)和 position0-100)。
gradientAngle number 135 渐变角度(度,0 到 360
padding number 64 图像周围的内边距(像素,0 到 256)
borderRadius number 12 截图的圆角半径(0 到 64
shadowPreset string "subtle" 阴影预设:nonesubtlemediumdramaticcustom
shadowBlur number 20 自定义阴影模糊半径(0 到 100,当 shadowPresetcustom 时使用)
shadowOffsetX number 0 自定义阴影水平偏移(-50 到 50
shadowOffsetY number 10 自定义阴影垂直偏移(-50 到 50
shadowColor string "#000000" 自定义阴影颜色(十六进制)
shadowOpacity number 30 自定义阴影不透明度(0 到 100
frame string "none" 设备或窗口框架:nonemacos-lightmacos-darkwindows-lightwindows-darkbrowser-lightbrowser-darkiphoneiphone-darkmacbookmacbook-darkipadipad-dark
frameTitle string - 显示在窗口框架标题栏中的标题文本
socialPreset string "none" 调整到社交媒体尺寸:nonetwitterlinkedininstagram-squareinstagram-storyfacebookproducthunt
watermarkText string - 可选的水印文本叠加
watermarkPosition string "bottom-right" 水印位置:top-lefttop-rightbottom-leftbottom-rightcenter
watermarkOpacity number 50 水印不透明度(0 到 100
outputFormat string "png" 输出格式:pngjpegwebp

Example Request

curl -X POST http://localhost:1349/api/v1/tools/image/beautify \
  -F "file=@screenshot.png" \
  -F 'settings={"backgroundType":"linear-gradient","gradientStops":[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}],"gradientAngle":135,"padding":64,"borderRadius":12,"shadowPreset":"medium","frame":"macos-dark","socialPreset":"twitter"}'

With Background Image

curl -X POST http://localhost:1349/api/v1/tools/image/beautify \
  -F "file=@screenshot.png" \
  -F "backgroundImage=@bg-texture.jpg" \
  -F 'settings={"backgroundType":"image","padding":80,"borderRadius":16,"shadowPreset":"dramatic"}'

Example Response

{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/screenshot.png",
  "originalSize": 234567,
  "processedSize": 567890
}

Notes

  • 接受两个文件字段:file(必填,主截图)和 backgroundImage(可选,当 backgroundTypeimage 时使用)。
  • 支持 HEIC、RAW、PSD 和 SVG 输入格式(自动解码)。
  • 阴影预设映射到特定的值:
    • subtle:模糊 20offsetY 4,不透明度 20%
    • medium:模糊 40offsetY 10,不透明度 35%
    • dramatic:模糊 80offsetY 20,不透明度 50%
  • 社交媒体预设使用 contain 模式将最终输出调整为适配目标尺寸:
    • twitter1600x900
    • linkedin1200x627
    • instagram-square1080x1080
    • instagram-story1080x1920
    • facebook1200x630
    • producthunt1270x760
  • 设备框架(iphonemacbookipad)会在图像周围应用硬件边框,并跳过 borderRadius 设置。
  • 当需要透明度时(阴影、圆角、设备框架或透明背景),即使选择了 jpeg,输出也会被强制为 PNG。
  • 图像背景在管道/批处理模式下不受支持。