1. Kurzer Überblick
- 100% lokal: Canvas + Encoder, kein Upload.
- Qualitätsregler: 30–95 für Balance.
- Auto-Format: Wählt JPEG/WebP nach Dateigröße.
- Batch: N Bilder sequentiell.
- Mehrfach-Download / ZIP: >5 Dateien gezippt.
- Vergleich: Seiten‑an‑Seite Vorschau.
2. Empfohlener Ablauf
- Bilder laden (JPG, PNG, WebP).
- Globale Qualität setzen (Start 80 Fotos, 75 Illustrationen).
- Auto belassen außer spezifischer Bedarf.
- Optimize all → Einsparungen prüfen.
- Artefakte? Qualität +5.
3. Interne Mechanik
<img>
→ <canvas>
→ canvas.toBlob()
als image/webp
oder image/jpeg
. Keine Datenübertragung; ObjectURLs werden freigegeben.
4. Format-Entscheidung
PNG (Transparenz) → oft WebP. JPEG Fotos bleiben wenn WebP kaum spart. WebP spart typischerweise 20–35%.
5. Performance & Grenzen
- O(n) Pixel.
- ≤3000px Seite in ms.
- >6000px kann langsam sein.
- Bei RAM-Druck kleinere Batches.
6. Privatsphäre
Ideal für vertrauliches Material; Geschäftsmodell über leichte Anzeigen, kein Datenverkauf.
7. Checklist
- <250KB Hero / <100KB Inline.
- Dimensionen vorher angepasst.
- WebP wenn Einsparung.
- Keine sichtbaren Artefakte.
8. Roadmap
AVIF, smarte Presets, lokale SSIM/PSNR.