mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
* fix(docs): keep gray-matter on js-yaml 3 so the docs site builds The js-yaml >=4.2.0 override from #257 forced js-yaml 4 onto gray-matter (used by vitepress and vitepress-plugin-llms), which calls the removed yaml.safeLoad and broke `vitepress build`. Scope a gray-matter>js-yaml ^3.14.1 override so gray-matter keeps the v3 API (build-time, trusted frontmatter only) while app code stays on js-yaml 4.2.0+. * docs: add per-tool reference pages for all 157 tools, with a modality sidebar Generate /tools/<id> pages for the 104 tools that lacked one (video 29, audio 17, document 36, data 10, and 12 newer image tools), matching the existing page format (API endpoint, parameters from the OpenAPI spec, curl example, response, notes). Async/AI tools document the 202+SSE flow and feature-bundle requirement. Sidebar: add Video / Audio / PDF & Documents / Data groups with per-tool links, fold the 12 new image tools into the existing image categories, and replace the placeholder rest.md-anchor group. Docs site builds cleanly (157 pages, no dead links).
2.1 KiB
2.1 KiB
description
| description |
|---|
| Pad an image to a target aspect ratio with a solid color, transparent, or blurred background. |
Image Pad
Pad an image to a target aspect ratio by adding a solid color, transparent, or blurred background around it. Useful for fitting images into fixed aspect ratios for social media or print without cropping.
API Endpoint
POST /api/v1/tools/image-pad
Accepts multipart form data with an image file and a JSON settings field.
Parameters
| Parameter | Type | Required | Default | Description |
|---|---|---|---|---|
| target | string | No | "1:1" |
Target aspect ratio: 16:9, 9:16, 1:1, 4:3, 3:4, or custom |
| ratioW | integer | No | 1 |
Custom ratio width (1-100, used when target is custom) |
| ratioH | integer | No | 1 |
Custom ratio height (1-100, used when target is custom) |
| background | string | No | "color" |
Background mode: color, transparent, or blur |
| color | string | No | "#ffffff" |
Background hex color (when background is color) |
| padding | integer | No | 0 |
Extra padding as percentage of canvas (0-50) |
Example Request
curl -X POST http://localhost:1349/api/v1/tools/image-pad \
-H "Authorization: Bearer si_your-api-key" \
-F "file=@photo.jpg" \
-F 'settings={"target": "16:9", "background": "blur", "padding": 5}'
Example Response
{
"jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
"downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/photo.jpg",
"originalSize": 2450000,
"processedSize": 3100000
}
Notes
- The
blurbackground mode creates a blurred copy of the original image as the pad fill, producing a visually cohesive result. - When using
transparentbackground, the output is converted to PNG to preserve alpha. - Output format matches the input format unless transparency is involved. HEIC, RAW, PSD, and SVG inputs are automatically decoded before processing.
- Set
targettocustomand provideratioWandratioHfor arbitrary aspect ratios (e.g.,ratioW: 3, ratioH: 2for 3:2).