Wie komprimiere ich ein Bild im Browser vor dem Hochladen?

Lies die Datei aus einem Input, übergib sie an compress(file, { quality, maxWidth }) und lade result.file hoch. Alles läuft clientseitig — das Bild verlässt den Browser erst, wenn du es hochlädst. Siehe Schnellstart in der Dokumentation.

Wie konvertiere ich ein HEIC-Bild in JavaScript zu JPEG oder WebP?

Übergib die .heic- oder .heif-Datei direkt an compress(file, { format: "auto" }). Compresso dekodiert HEIC nativ in Safari und andernorts per lazy WASM-Decoder und gibt ein Standard-Webformat aus.

Warum wurde mein komprimiertes Bild größer als das Original?

Bei den meisten Tools kann das Neuencodieren einer bereits effizienten Quelle (z. B. iPhone-HEIC) zu JPEG sie vergrößern. Compresso garantiert bei verlustbehafteter Ausgabe, dass dies nie passiert: Die Dateigröße ist auf die Quelle begrenzt, und ohne WebP/AVIF wird die Auflösung reduziert statt die Datei aufzublasen.

Braucht es einen Server oder Backend?

Nein. Compresso ist 100 % clientseitig (Canvas API). Keine Server, keine API-Schlüssel, kein Bild wird an Dritte hochgeladen.

Funktioniert es mit React, Vue und Next.js?

Ja — framework-agnostisch. Importiere compress aus compresso.js in jeden Upload-Flow. Beispiele für React, Vue, Svelte, Angular und Next.js liegen im Repository.

Wie komprimiere ich viele Bilder parallel, ohne die UI zu blockieren?

Importiere createPool aus compresso.js/pool — ein Web-Worker-Pool mit derselben API, automatischer Fallback auf den Main Thread, wo Workers fehlen.

Meine Site hat eine strenge CSP — warum schlägt HEIC-Eingabe fehl?

Meist fehlt wasm-unsafe-eval in script-src (HEIC-Decoder ist WASM-basiert) oder worker-src self bei compresso.js/pool. Siehe CSP-Abschnitt in der Dokumentation.

Häufig gestellte Fragen

Direkte Antworten zu Compresso, dem kostenlosen Browser-Bildoptimierer und der 3,6-KB-JavaScript-Bibliothek.

App öffnen Dokumentation lesen

Wie komprimiere ich ein Bild im Browser vor dem Hochladen?: Lies die Datei aus einem Input, übergib sie an compress(file, { quality, maxWidth }) und lade result.file hoch. Alles läuft clientseitig — das Bild verlässt den Browser erst, wenn du es hochlädst. Siehe Schnellstart in der Dokumentation.
Wie konvertiere ich ein HEIC-Bild in JavaScript zu JPEG oder WebP?: Übergib die .heic- oder .heif-Datei direkt an compress(file, { format: "auto" }). Compresso dekodiert HEIC nativ in Safari und andernorts per lazy WASM-Decoder und gibt ein Standard-Webformat aus.
Warum wurde mein komprimiertes Bild größer als das Original?: Bei den meisten Tools kann das Neuencodieren einer bereits effizienten Quelle (z. B. iPhone-HEIC) zu JPEG sie vergrößern. Compresso garantiert bei verlustbehafteter Ausgabe, dass dies nie passiert: Die Dateigröße ist auf die Quelle begrenzt, und ohne WebP/AVIF wird die Auflösung reduziert statt die Datei aufzublasen.
Braucht es einen Server oder Backend?: Nein. Compresso ist 100 % clientseitig (Canvas API). Keine Server, keine API-Schlüssel, kein Bild wird an Dritte hochgeladen.
Funktioniert es mit React, Vue und Next.js?: Ja — framework-agnostisch. Importiere compress aus compresso.js in jeden Upload-Flow. Beispiele für React, Vue, Svelte, Angular und Next.js liegen im Repository.
Wie komprimiere ich viele Bilder parallel, ohne die UI zu blockieren?: Importiere createPool aus compresso.js/pool — ein Web-Worker-Pool mit derselben API, automatischer Fallback auf den Main Thread, wo Workers fehlen.
Meine Site hat eine strenge CSP — warum schlägt HEIC-Eingabe fehl?: Meist fehlt wasm-unsafe-eval in script-src (HEIC-Decoder ist WASM-basiert) oder worker-src self bei compresso.js/pool. Siehe CSP-Abschnitt in der Dokumentation.

GitHub · npm