mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
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.
This commit is contained in:
@@ -0,0 +1,85 @@
|
||||
---
|
||||
description: "Zet gewone schermafbeeldingen om in verzorgde beelden met verloopachtergronden, apparaatframes, schaduwen en formaten voor social media."
|
||||
i18n_source_hash: 8fd8a930a45e
|
||||
i18n_provenance: human
|
||||
i18n_output_hash: 3db6623d8406
|
||||
---
|
||||
|
||||
# Schermafbeelding verfraaien {#beautify-screenshot}
|
||||
|
||||
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 {#api-endpoint}
|
||||
|
||||
`POST /api/v1/tools/image/beautify`
|
||||
|
||||
## Parameters {#parameters}
|
||||
|
||||
| Parameter | Type | Vereist | Standaard | Beschrijving |
|
||||
|-----------|------|----------|---------|-------------|
|
||||
| backgroundType | string | Nee | `"linear-gradient"` | Achtergrondtype: `solid`, `linear-gradient`, `radial-gradient`, `image`, `transparent` |
|
||||
| backgroundColor | string | Nee | `"#667eea"` | Effen achtergrondkleur (gebruikt wanneer `backgroundType` `solid` is) |
|
||||
| gradientStops | array | Nee | `[{"color":"#667eea","position":0},{"color":"#764ba2","position":100}]` | Kleurstops van het verloop (min. 2). Elke stop heeft `color` (hex) en `position` (0-100). |
|
||||
| gradientAngle | number | Nee | 135 | Verloophoek in graden (0 tot 360) |
|
||||
| padding | number | Nee | 64 | Opvulling rond de afbeelding in pixels (0 tot 256) |
|
||||
| borderRadius | number | Nee | 12 | Hoekradius op de schermafbeelding (0 tot 64) |
|
||||
| shadowPreset | string | Nee | `"subtle"` | Schaduw-preset: `none`, `subtle`, `medium`, `dramatic`, `custom` |
|
||||
| shadowBlur | number | Nee | 20 | Aangepaste vervagingsstraal van de schaduw (0 tot 100, gebruikt wanneer `shadowPreset` `custom` is) |
|
||||
| shadowOffsetX | number | Nee | 0 | Aangepaste horizontale verschuiving van de schaduw (-50 tot 50) |
|
||||
| shadowOffsetY | number | Nee | 10 | Aangepaste verticale verschuiving van de schaduw (-50 tot 50) |
|
||||
| shadowColor | string | Nee | `"#000000"` | Aangepaste schaduwkleur als hex |
|
||||
| shadowOpacity | number | Nee | 30 | Aangepaste dekking van de schaduw (0 tot 100) |
|
||||
| frame | string | Nee | `"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` |
|
||||
| frameTitle | string | Nee | - | Titeltekst weergegeven in de titelbalken van vensterframes |
|
||||
| socialPreset | string | Nee | `"none"` | Formaat aanpassen aan afmetingen voor social media: `none`, `twitter`, `linkedin`, `instagram-square`, `instagram-story`, `facebook`, `producthunt` |
|
||||
| watermarkText | string | Nee | - | Optionele watermerktekst-overlay |
|
||||
| watermarkPosition | string | Nee | `"bottom-right"` | Watermerkpositie: `top-left`, `top-right`, `bottom-left`, `bottom-right`, `center` |
|
||||
| watermarkOpacity | number | Nee | 50 | Watermerkdekking (0 tot 100) |
|
||||
| outputFormat | string | Nee | `"png"` | Uitvoerformaat: `png`, `jpeg`, `webp` |
|
||||
|
||||
## Voorbeeldaanvraag {#example-request}
|
||||
|
||||
```bash
|
||||
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"}'
|
||||
```
|
||||
|
||||
### Met achtergrondafbeelding {#with-background-image}
|
||||
|
||||
```bash
|
||||
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"}'
|
||||
```
|
||||
|
||||
## Voorbeeldantwoord {#example-response}
|
||||
|
||||
```json
|
||||
{
|
||||
"jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
|
||||
"downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/screenshot.png",
|
||||
"originalSize": 234567,
|
||||
"processedSize": 567890
|
||||
}
|
||||
```
|
||||
|
||||
## Opmerkingen {#notes}
|
||||
|
||||
- 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.
|
||||
Reference in New Issue
Block a user