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

Försköna skärmbild

Lägg till gradientbakgrunder, enhetsramar, skuggor, vattenstämplar och storleksanpassning för sociala medier till skärmbilder. Idealiskt för att skapa polerade bilder för produktmarknadsföring, sociala medier och dokumentation.

API-slutpunkt

POST /api/v1/tools/image/beautify

Parametrar

ParameterTypObligatoriskStandardBeskrivning
backgroundTypesträngNej"linear-gradient"Bakgrundstyp: solid, linear-gradient, radial-gradient, image, transparent
backgroundColorsträngNej"#667eea"Enfärgad bakgrundsfärg (används när backgroundType är solid)
gradientStopsarrayNej[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]Gradientens färgstopp (minst 2). Varje stopp har color (hex) och position (0-100).
gradientAngletalNej135Gradientvinkel i grader (0 till 360)
paddingtalNej64Utfyllnad runt bilden i pixlar (0 till 256)
borderRadiustalNej12Hörnradie på skärmbilden (0 till 64)
shadowPresetsträngNej"subtle"Skuggförinställning: none, subtle, medium, dramatic, custom
shadowBlurtalNej20Anpassad radie för skuggoskärpa (0 till 100, används när shadowPreset är custom)
shadowOffsetXtalNej0Anpassad horisontell skuggförskjutning (-50 till 50)
shadowOffsetYtalNej10Anpassad vertikal skuggförskjutning (-50 till 50)
shadowColorsträngNej"#000000"Anpassad skuggfärg i hex
shadowOpacitytalNej30Anpassad skuggopacitet (0 till 100)
framesträngNej"none"Enhets- eller fönsterram: none, macos-light, macos-dark, windows-light, windows-dark, browser-light, browser-dark, iphone, iphone-dark, macbook, macbook-dark, ipad, ipad-dark
frameTitlesträngNej-Titeltext som visas i namnlisten på fönsterramar
socialPresetsträngNej"none"Storleksanpassa till dimensioner för sociala medier: none, twitter, linkedin, instagram-square, instagram-story, facebook, producthunt
watermarkTextsträngNej-Valfri vattenstämpeltext som överlägg
watermarkPositionsträngNej"bottom-right"Vattenstämpelns position: top-left, top-right, bottom-left, bottom-right, center
watermarkOpacitytalNej50Vattenstämpelns opacitet (0 till 100)
outputFormatsträngNej"png"Utdataformat: png, jpeg, webp

Exempelförfrågan

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"}'

Med bakgrundsbild

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"}'

Exempelsvar

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

Anteckningar

  • Tar emot två filfält: file (obligatoriskt, den huvudsakliga skärmbilden) och backgroundImage (valfritt, används när backgroundType är image).
  • Stöder indataformaten HEIC, RAW, PSD och SVG (avkodas automatiskt).
  • Skuggförinställningarna mappas till specifika värden:
    • subtle: oskärpa 20, offsetY 4, opacitet 20 %
    • medium: oskärpa 40, offsetY 10, opacitet 35 %
    • dramatic: oskärpa 80, offsetY 20, opacitet 50 %
  • Förinställningar för sociala medier storleksanpassar den slutliga utdata så att den passar målmåtten med läget contain:
    • twitter: 1600x900
    • linkedin: 1200x627
    • instagram-square: 1080x1080
    • instagram-story: 1080x1920
    • facebook: 1200x630
    • producthunt: 1270x760
  • Enhetsramar (iphone, macbook, ipad) lägger en hårdvaruram runt bilden och hoppar över inställningen borderRadius.
  • När transparens krävs (skugga, hörnradie, enhetsramar eller transparent bakgrund) tvingas utdata till PNG även om jpeg är valt.
  • Bildbakgrunder stöds inte i pipeline-/batchläge.