[Vorstellung] PicForge – Open-Source "Local-First" Bildkompressor direkt im Browser

Hallo liebe Netcup-Community,

ich möchte euch heute ein Open-Source-Projekt von mir vorstellen: PicForge.

Oft braucht man ein schnelles Tool, um Bilder im Batch zu verkleinern und zu komprimieren, möchte die Dateien aber aus Datenschutzgründen nicht jedes Mal auf einen fremden Server hochladen. Genau dieses Problem löst PicForge.

Was ist PicForge? PicForge ist eine "Local-First" Webanwendung zur stapelweisen Bildkomprimierung und -skalierung. Das Besondere daran: Alles passiert direkt in eurem Browser auf eurem Endgerät. Es gibt keine Accounts, keine Uploads auf irgendwelche Server und keine serverseitige Verarbeitung. Eure Bilder verlassen euren Rechner nie.

Links zum Projekt:

• Live-Demo (direkt im Browser testen): https://picforge.de/
• GitHub Repository (Source Code): https://github.com/DejavuMoe/PicForge

PixPin_2026-07-05_00-28-08.png

PixPin_2026-07-05_00-31-39(1).png

Die wichtigsten Features im Überblick:

• 100% Lokale Verarbeitung: Dekodierung, Skalierung und Enkodierung laufen komplett clientseitig.
• Batch-Workflow: Bilder können einfach per Drag-and-Drop (auch ganze Ordner), Klick oder Paste hinzugefügt werden.
• Moderne Formate: Unterstützt die Komprimierung in MozJPEG, WebP, OxiPNG und AVIF.
• Detaillierte Vorschau: Side-by-Side Slider und Einzelbild-Vergleich mit Zoom- und Pan-Funktion, um Qualitätsverluste der Komprimierung sofort zu überprüfen.
• Feingranulare Kontrolle: Globale Einstellungen können für jedes einzelne Bild im Batch individuell überschrieben werden.
• PWA-Ready: Kann als App installiert werden und funktioniert dank Offline-Cache auch ohne Internetverbindung.
• Export: Bequemer Einzel-Download oder als gesammeltes ZIP-Archiv (inkl. Manifest-Datei).

Unter der Haube (Tech-Stack): Das Tool basiert auf React 18 und Vite. Die rechenintensiven Aufgaben werden in eine Worker-Pipeline mit Web Workers und WebAssembly (WASM) Codecs (via @jsquash/*) ausgelagert. Dadurch bleibt die UI flüssig, während die Bilder im Hintergrund verarbeitet werden

Da hier im Forum viele Webmaster und Entwickler unterwegs sind, dachte ich, dass das Tool vielleicht für den ein oder anderen von euch nützlich sein könnte.

Ich würde mich riesig über euer Feedback, Bug-Reports oder allgemeine Verbesserungsvorschläge freuen! Wenn es euch gefällt, freue ich mich natürlich auch über einen Star auf GitHub. 😉

Viele Grüße!

Zitat von webdesignheld

als webmaster ist das ist für mich zu kompliziert - wenn ich bilder für eine webseite 'formatiere' hab ich ein script - dem geb ich breite und höhe und das resultierende script verarbeitet alle bilder im ordner, erstellt die grössen von 1920 bis 200 runter in webp und avif und schreibt das srcset html für jedes bild mit standard pfad asset/images/

und fertig.

Ist aber bestimmt nützlich und kann ja auch einiges - was du da gebaut hast - der regler zwischen original und komprimiert funktioniert irgendwie nicht das bild bleibt gleich rechts und links - ich seh null unterschied.

Wenn das Bild von Squoosh komprimiert ist, beispielsweise wenn die Qualität über 70 liegt, kann man mit bloßem Auge kaum einen großen Unterschied erkennen. Wenn Sie das Komprimierungsverhältnis auf 30 bis 50 einstellen, sollte der Kontrast zu diesem Zeitpunkt deutlicher sein. Daher habe ich drei Vergleiche eingerichtet: einen einspaltigen Schieberegler, einen zweispaltigen Vergleich und einen einspaltigen Klick zum Vergrößern, um den Effekt zu sehen.