mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
75 lines
5.1 KiB
Markdown
75 lines
5.1 KiB
Markdown
---
|
|||
|
|
description: "Оптимізуйте зображення для веб-доставки з конвертацією формату, контролем якості, зміною розміру та видаленням метаданих."
|
||
|
|
i18n_source_hash: c327bbbce768
|
||
|
|
i18n_provenance: human
|
||
|
|
i18n_output_hash: 78358ca44146
|
||
|
|
---
|
||
|
|
|
||
|
|
# Оптимізація для вебу {#optimize-for-web}
|
||
|
|
|
||
|
|
Оптимізуйте зображення для веб-доставки в один крок. Поєднує конвертацію формату, налаштування якості, опціональну зміну розміру, прогресивне кодування та видалення метаданих.
|
||
|
|
|
||
|
|
## Кінцева точка API {#api-endpoint}
|
||
|
|
|
||
|
|
`POST /api/v1/tools/image/optimize-for-web`
|
||
|
|
|
||
|
|
Приймає дані форми multipart із файлом зображення та полем JSON `settings`.
|
||
|
|
|
||
|
|
Також доступна кінцева точка живого попереднього перегляду на `POST /api/v1/tools/image/optimize-for-web/preview`, яка повертає оброблене зображення безпосередньо у двійковому вигляді (без створення робочої області) для налаштування параметрів у реальному часі.
|
||
|
|
|
||
|
|
## Параметри {#parameters}
|
||
|
|
|
||
|
|
| Параметр | Тип | Обов'язковий | За замовчуванням | Опис |
|
||
|
|
|-----------|------|----------|---------|-------------|
|
||
|
|
| format | string | Ні | `"webp"` | Вихідний формат: `webp`, `jpeg`, `avif`, `png`, `jxl` |
|
||
|
|
| quality | number | Ні | `80` | Вихідна якість (1-100) |
|
||
|
|
| maxWidth | number | Ні | - | Максимальна ширина в пікселях. Зображення зменшується, якщо ширше. |
|
||
|
|
| maxHeight | number | Ні | - | Максимальна висота в пікселях. Зображення зменшується, якщо вище. |
|
||
|
|
| progressive | boolean | Ні | `true` | Увімкнути прогресивне/черезрядкове кодування |
|
||
|
|
| stripMetadata | boolean | Ні | `true` | Видалити метадані EXIF, GPS, ICC та XMP |
|
||
|
|
|
||
|
|
## Приклад запиту {#example-request}
|
||
|
|
|
||
|
|
```bash
|
||
|
|
curl -X POST http://localhost:1349/api/v1/tools/image/optimize-for-web \
|
||
|
|
-H "Authorization: Bearer si_your-api-key" \
|
||
|
|
-F "file=@photo.jpg" \
|
||
|
|
-F 'settings={"format": "webp", "quality": 75, "maxWidth": 1920}'
|
||
|
|
```
|
||
|
|
|
||
|
|
Оптимізація для AVIF з агресивним стисненням:
|
||
|
|
|
||
|
|
```bash
|
||
|
|
curl -X POST http://localhost:1349/api/v1/tools/image/optimize-for-web \
|
||
|
|
-H "Authorization: Bearer si_your-api-key" \
|
||
|
|
-F "file=@photo.jpg" \
|
||
|
|
-F 'settings={"format": "avif", "quality": 50, "maxWidth": 1200, "maxHeight": 800}'
|
||
|
|
```
|
||
|
|
|
||
|
|
## Приклад відповіді {#example-response}
|
||
|
|
|
||
|
|
```json
|
||
|
|
{
|
||
|
|
"jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
|
||
|
|
"downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/photo.webp",
|
||
|
|
"originalSize": 4500000,
|
||
|
|
"processedSize": 320000
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Відповідь кінцевої точки попереднього перегляду {#preview-endpoint-response}
|
||
|
|
|
||
|
|
Кінцева точка попереднього перегляду (`/api/v1/tools/image/optimize-for-web/preview`) повертає двійкове зображення безпосередньо з інформаційними заголовками:
|
||
|
|
|
||
|
|
- `X-Original-Size` - Оригінальний розмір файлу в байтах
|
||
|
|
- `X-Processed-Size` - Оброблений розмір файлу в байтах
|
||
|
|
- `X-Output-Filename` - Ім'я вихідного файлу з кодуванням URL
|
||
|
|
|
||
|
|
## Примітки {#notes}
|
||
|
|
|
||
|
|
- Цей інструмент розроблено як єдиний конвеєр оптимізації для веб-ресурсів. Він обробляє конвертацію формату, налаштування якості, обмеження максимальних розмірів і видалення метаданих за один прохід.
|
||
|
|
- Розширення імені вихідного файлу оновлюється відповідно до обраного формату.
|
||
|
|
- Кодування JXL (JPEG XL) використовує спеціалізований кодувальник CLI. Зображення спочатку обробляється як PNG, а потім кодується в JXL.
|
||
|
|
- Прогресивне кодування покращує сприйняту швидкість завантаження для JPEG і PNG, дозволяючи браузерам відображати попередній перегляд низької якості до повного завантаження зображення.
|
||
|
|
- Кінцева точка попереднього перегляду легша (без створення робочої області/завдання) і призначена для інтерфейсу живого налаштування параметрів фронтенду.
|