mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00

Files

T

SnapOtterandGitHub 4963ab3bbd 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.

2026-07-11 13:52:47 +08:00

3.6 KiB

Raw Blame History

description, i18n_source_hash, i18n_provenance, i18n_output_hash

description	i18n_source_hash	i18n_provenance	i18n_output_hash
將圖片轉換為 base64 data URI，以嵌入 HTML、CSS 等。	ba4b8f3b4ece	human	2508d04542b2

圖片轉 Base64

將一張或多張圖片轉換為 base64 編碼字串與 data URI。支援選填的格式轉換、品質控制與縮放。適合將圖片直接嵌入 HTML、CSS、JSON 或電子郵件範本。

API 端點

POST /api/v1/tools/image/image-to-base64

接受包含一個或多個圖片檔案的 multipart 表單資料，以及一個選填的 JSON settings 欄位。

參數

參數	型別	必填	預設值	說明
outputFormat	string	否	`"original"`	編碼前先轉換：`original`、`jpeg`、`png`、`webp`、`avif`、`jxl`
quality	number	否	`80`	有損格式的輸出品質（1 到 100）
maxWidth	number	否	`0`	最大寬度（像素，0 = 不縮放，不會放大）
maxHeight	number	否	`0`	最大高度（像素，0 = 不縮放，不會放大）

範例請求

curl -X POST http://localhost:1349/api/v1/tools/image/image-to-base64 \
  -H "Authorization: Bearer si_your-api-key" \
  -F "file=@icon.png" \
  -F 'settings={"outputFormat": "webp", "quality": 80, "maxWidth": 200}'

多個檔案：

curl -X POST http://localhost:1349/api/v1/tools/image/image-to-base64 \
  -H "Authorization: Bearer si_your-api-key" \
  -F "file=@icon1.png" \
  -F "file=@icon2.png" \
  -F "file=@icon3.png" \
  -F 'settings={"outputFormat": "original"}'

範例回應

{
  "results": [
    {
      "filename": "icon.png",
      "mimeType": "image/webp",
      "width": 200,
      "height": 200,
      "originalSize": 45000,
      "encodedSize": 28800,
      "overheadPercent": -36.0,
      "base64": "UklGRlYAAABXRUJQ...",
      "dataUri": "data:image/webp;base64,UklGRlYAAABXRUJQ..."
    }
  ],
  "errors": []
}

回應欄位

欄位	型別	說明
results	array	成功轉換的圖片
errors	array	處理失敗的圖片（含檔名與錯誤訊息）

Result 物件

欄位	型別	說明
filename	string	原始檔名
mimeType	string	編碼輸出的 MIME 類型
width	number	最終寬度（像素，經任何縮放後）
height	number	最終高度（像素，經任何縮放後）
originalSize	number	原始檔案大小（位元組）
encodedSize	number	base64 字串的大小（位元組）
overheadPercent	number	與原始檔案相比的大小差異百分比（正值 = 較大，負值 = 較小）
base64	string	原始的 base64 編碼圖片資料
dataUri	string	可直接用於 `src` 屬性的完整 data URI

注意事項

Base64 編碼通常會使大小比二進位檔案增加約 33%。overheadPercent 欄位會顯示實際差異。
當 outputFormat 為 "original" 時，HEIC/HEIF 檔案會轉換為 JPEG（因為瀏覽器無法在 data URI 中顯示 HEIC）。
maxWidth 與 maxHeight 選項會使用 fit: inside 搭配 withoutEnlargement 進行縮放，因此小於指定尺寸的圖片不會被放大。
單一請求可處理多個檔案。每個檔案都會被獨立處理，某個失敗不會影響其他檔案成功。
SVG 檔案會以 image/svg+xml 直接傳遞而不重新編碼（除非要求進行格式轉換）。
這是唯讀端點。它不會產生可下載的檔案或 jobId。base64 資料會直接在回應主體中傳回。

3.6 KiB Raw Blame History Unescape Escape