This page was machine-translated. Spotted a mistake?Help improve it.
Skip to content

Beautify Screenshot

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

API Endpoint

POST /api/v1/tools/image/beautify

Parameters

ParameterTypeRequiredDefaultDescription
backgroundTypestring"linear-gradient"背景类型:solidlinear-gradientradial-gradientimagetransparent
backgroundColorstring"#667eea"纯色背景颜色(当 backgroundTypesolid 时使用)
gradientStopsarray[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]渐变色标(至少 2 个)。每个色标有 color(十六进制)和 position(0-100)。
gradientAnglenumber135渐变角度(度,0 到 360)
paddingnumber64图像周围的内边距(像素,0 到 256)
borderRadiusnumber12截图的圆角半径(0 到 64)
shadowPresetstring"subtle"阴影预设:nonesubtlemediumdramaticcustom
shadowBlurnumber20自定义阴影模糊半径(0 到 100,当 shadowPresetcustom 时使用)
shadowOffsetXnumber0自定义阴影水平偏移(-50 到 50)
shadowOffsetYnumber10自定义阴影垂直偏移(-50 到 50)
shadowColorstring"#000000"自定义阴影颜色(十六进制)
shadowOpacitynumber30自定义阴影不透明度(0 到 100)
framestring"none"设备或窗口框架:nonemacos-lightmacos-darkwindows-lightwindows-darkbrowser-lightbrowser-darkiphoneiphone-darkmacbookmacbook-darkipadipad-dark
frameTitlestring-显示在窗口框架标题栏中的标题文本
socialPresetstring"none"调整到社交媒体尺寸:nonetwitterlinkedininstagram-squareinstagram-storyfacebookproducthunt
watermarkTextstring-可选的水印文本叠加
watermarkPositionstring"bottom-right"水印位置:top-lefttop-rightbottom-leftbottom-rightcenter
watermarkOpacitynumber50水印不透明度(0 到 100)
outputFormatstring"png"输出格式:pngjpegwebp

Example Request

bash
curl -X POST http://localhost:1349/api/v1/tools/image/beautify \
  -F "[email protected]" \
  -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

bash
curl -X POST http://localhost:1349/api/v1/tools/image/beautify \
  -F "[email protected]" \
  -F "[email protected]" \
  -F 'settings={"backgroundType":"image","padding":80,"borderRadius":16,"shadowPreset":"dramatic"}'

Example Response

json
{
  "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:模糊 20,offsetY 4,不透明度 20%
    • medium:模糊 40,offsetY 10,不透明度 35%
    • dramatic:模糊 80,offsetY 20,不透明度 50%
  • 社交媒体预设使用 contain 模式将最终输出调整为适配目标尺寸:
    • twitter:1600x900
    • linkedin:1200x627
    • instagram-square:1080x1080
    • instagram-story:1080x1920
    • facebook:1200x630
    • producthunt:1270x760
  • 设备框架(iphonemacbookipad)会在图像周围应用硬件边框,并跳过 borderRadius 设置。
  • 当需要透明度时(阴影、圆角、设备框架或透明背景),即使选择了 jpeg,输出也会被强制为 PNG。
  • 图像背景在管道/批处理模式下不受支持。