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

Schermafbeelding verfraaien

Voeg verloopachtergronden, apparaatframes, schaduwen, watermerken en formaten voor social media toe aan schermafbeeldingen. Ideaal om verzorgde beelden te maken voor productmarketing, social media en documentatie.

API-endpoint

POST /api/v1/tools/image/beautify

Parameters

ParameterTypeVereistStandaardBeschrijving
backgroundTypestringNee"linear-gradient"Achtergrondtype: solid, linear-gradient, radial-gradient, image, transparent
backgroundColorstringNee"#667eea"Effen achtergrondkleur (gebruikt wanneer backgroundType solid is)
gradientStopsarrayNee[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]Kleurstops van het verloop (min. 2). Elke stop heeft color (hex) en position (0-100).
gradientAnglenumberNee135Verloophoek in graden (0 tot 360)
paddingnumberNee64Opvulling rond de afbeelding in pixels (0 tot 256)
borderRadiusnumberNee12Hoekradius op de schermafbeelding (0 tot 64)
shadowPresetstringNee"subtle"Schaduw-preset: none, subtle, medium, dramatic, custom
shadowBlurnumberNee20Aangepaste vervagingsstraal van de schaduw (0 tot 100, gebruikt wanneer shadowPreset custom is)
shadowOffsetXnumberNee0Aangepaste horizontale verschuiving van de schaduw (-50 tot 50)
shadowOffsetYnumberNee10Aangepaste verticale verschuiving van de schaduw (-50 tot 50)
shadowColorstringNee"#000000"Aangepaste schaduwkleur als hex
shadowOpacitynumberNee30Aangepaste dekking van de schaduw (0 tot 100)
framestringNee"none"Apparaat- of vensterframe: none, macos-light, macos-dark, windows-light, windows-dark, browser-light, browser-dark, iphone, iphone-dark, macbook, macbook-dark, ipad, ipad-dark
frameTitlestringNee-Titeltekst weergegeven in de titelbalken van vensterframes
socialPresetstringNee"none"Formaat aanpassen aan afmetingen voor social media: none, twitter, linkedin, instagram-square, instagram-story, facebook, producthunt
watermarkTextstringNee-Optionele watermerktekst-overlay
watermarkPositionstringNee"bottom-right"Watermerkpositie: top-left, top-right, bottom-left, bottom-right, center
watermarkOpacitynumberNee50Watermerkdekking (0 tot 100)
outputFormatstringNee"png"Uitvoerformaat: png, jpeg, webp

Voorbeeldaanvraag

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

Met achtergrondafbeelding

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

Voorbeeldantwoord

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

Opmerkingen

  • Accepteert twee bestandsvelden: file (vereist, de belangrijkste schermafbeelding) en backgroundImage (optioneel, gebruikt wanneer backgroundType image is).
  • Ondersteunt de invoerformaten HEIC, RAW, PSD en SVG (automatisch gedecodeerd).
  • Schaduw-presets komen overeen met specifieke waarden:
    • subtle: vervaging 20, offsetY 4, dekking 20%
    • medium: vervaging 40, offsetY 10, dekking 35%
    • dramatic: vervaging 80, offsetY 20, dekking 50%
  • Presets voor social media passen het formaat van de uiteindelijke uitvoer aan de doelafmetingen aan met de modus contain:
    • twitter: 1600x900
    • linkedin: 1200x627
    • instagram-square: 1080x1080
    • instagram-story: 1080x1920
    • facebook: 1200x630
    • producthunt: 1270x760
  • Apparaatframes (iphone, macbook, ipad) plaatsen een hardwarerand rond de afbeelding en slaan de instelling borderRadius over.
  • Wanneer transparantie is vereist (schaduw, hoekradius, apparaatframes of een transparante achtergrond), wordt de uitvoer geforceerd naar PNG, zelfs als jpeg is geselecteerd.
  • Afbeeldingsachtergronden worden niet ondersteund in de pipeline-/batchmodus.