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

2.7 KiB

Raw Blame History

description, i18n_source_hash, i18n_provenance, i18n_output_hash

description	i18n_source_hash	i18n_provenance	i18n_output_hash
Base64 veri URI'siyle birlikte küçük bir düşük kaliteli görsel yer tutucu üretin.	f8a27c8021f5	human	6be095dcbe73

LQIP Yer Tutucu

Bir kaynak görselden küçük bir düşük kaliteli görsel yer tutucu (LQIP) üretin. Anında gömme için küçük bir yer tutucu dosyasını, bir base64 veri URI'si, kullanıma hazır HTML <img> etiketi ve CSS background-image parçacığıyla birlikte döndürür.

API Uç Noktası

POST /api/v1/tools/image/lqip-placeholder

Bir görsel dosyası ve bir JSON settings alanı içeren multipart form verisini kabul eder.

Parametreler

Parametre	Tür	Zorunlu	Varsayılan	Açıklama
width	integer	Hayır	`16`	Piksel cinsinden hedef genişlik (4-64)
blur	number	Hayır	`2`	Bulanıklık stratejisi için bulanıklık yarıçapı (0-20)
strategy	string	Hayır	`"blur"`	Yer tutucu stratejisi: `blur`, `pixelate` veya `solid`
format	string	Hayır	`"webp"`	Çıktı biçimi: `webp`, `png` veya `jpeg`
quality	integer	Hayır	`50`	Çıktı kalitesi (1-100)

Örnek İstek

curl -X POST http://localhost:1349/api/v1/tools/image/lqip-placeholder \
  -H "Authorization: Bearer si_your-api-key" \
  -F "file=@photo.jpg" \
  -F 'settings={"width": 20, "strategy": "blur", "format": "webp"}'

Örnek Yanıt

{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/photo.webp",
  "originalSize": 2450000,
  "processedSize": 280,
  "dataUri": "data:image/webp;base64,UklGR...",
  "width": 20,
  "height": 13,
  "bytes": 280,
  "strategy": "blur",
  "html": "<img src=\"data:image/webp;base64,UklGR...\" />",
  "css": "background-image:url('data:image/webp;base64,UklGR...');background-size:cover;background-position:center;"
}

Notlar

dataUri alanı, ek istek olmadan src özniteliklerinde veya CSS'de kullanıma hazır tam veri URI'sini içerir.
html ve css alanları, yaygın kullanım senaryoları için kopyala-yapıştır parçacıkları sağlar.
blur stratejisi, yumuşak, bulanık bir küçük resim üretir. pixelate stratejisi, bloklu bir mozaik oluşturur. solid stratejisi, tek bir ortalanmış renk döndürür.
Tipik yer tutucu boyutları 200-500 bayttır; bu da onları doğrudan HTML'e satır içi eklemeye uygun hale getirir.
Yükseklik, kaynak görselin en boy oranını korumak için otomatik olarak hesaplanır.
HEIC, RAW, PSD ve SVG girişleri işlemeden önce otomatik olarak çözümlenir.

2.7 KiB Raw Blame History Unescape Escape