Dither it: Was kann das kostenlose Dithering-Tool?

Dither it: Bilder im Browser dithern, ohne Upload und Konto

Michael Dobler

Autor Dr. Web

5. August 2026

2 Min. Lesezeit

Dither it verwandelt jedes Foto direkt im Browser in ein grobes Punktraster, kostenlos und ohne Upload. Das quelloffene Tool von Alex Harris beherrscht Floyd-Steinberg, Atkinson und Bayer-Dithering, sogar animierte GIFs entstehen damit. Für Agenturen und Freelancer ist der Retro-Look so einen Klick entfernt, der handfeste Nutzen für die Ladezeit aber kleiner als oft behauptet.

drweb.de als bevorzugte Quelle auf Google hinzufügenQualitätsgeprüfte Inhalte direkt in Google News & DiscoverJetzt hinzufügen

Dither it trifft einen Nerv: Gepunktete, absichtlich grobe Bilder geistern gerade wieder durch Portfolios und Markenauftritte. Bisher entstand dieser Look meist umständlich in Photoshop, jetzt genügt ein Browser-Tab. Die eigentliche Frage lautet, wann sich Dithering lohnt und wann ein modernes Bildformat die klügere Wahl bleibt.

Das Wichtigste in Kürze

Dither it läuft komplett im Browser, ohne Konto und ohne Bild-Upload.
Der Quelltext steht unter MIT-Lizenz offen auf GitHub, die Nutzung selbst kostet nichts.
Zum Funktionsumfang gehören Floyd-Steinberg, Atkinson und Bayer-Dithering, dazu animierte GIFs und der Mehrfach-Upload.
Kleinere Dateien liefert Dithering nur bei illustrativen Motiven, für Fotos gewinnen WebP und AVIF.

Was macht Dither it und für wen lohnt sich das Tool?

Ein gerahmtes Foto einer Frau, halb normal, halb gepunktet, mit Lupe davor — Dither it reduziert Bildfarben auf kleine Paletten und erzeugt feine Punktmuster für fehlende Töne. Das Verfahren prägte Game-Boy- und frühe Mac-Grafiken

Dither it reduziert die Farben eines Bildes auf eine kleine Palette und verteilt die fehlenden Töne als feines Punktmuster, das aus der Distanz wieder als Verlauf wirkt. Dieses Punktraster gab Spielen auf dem Game Boy und frühen Mac-Bildschirmen ihren Charakter. Die Bedienung bleibt bewusst schlicht: Sie ziehen ein Bild ins Fenster, stellen Verfahren und Palette ein und laden das Ergebnis herunter.

Kostenlos ist Dither it in doppeltem Sinn. Alex Harris stellt den Quelltext unter MIT-Lizenz offen auf GitHub bereit,^[1] das Werkzeug rechnet allein im Browser, ohne ein einziges Bild an einen fremden Server zu schicken. Für Studios, die mit Kundenmaterial hantieren, wird dieser lokale Ansatz zum Datenschutz-Argument.

Der Blick lohnt vor allem für Freelancer und kleine Studios, die einer Marke ohne großes Budget eine eigene Handschrift geben wollen. Wie sehr generische KI-Bilder inzwischen jede Oberfläche angleichen, beschreibt der Beitrag zur zunehmenden KI-Ästhetik; ein bewusst grobes Dither-Motiv hebt sich davon sofort ab.

Warum schrumpft Dithering nicht jede Datei?

Rund um Dithering hält sich das Versprechen kleinerer Dateien. Halb stimmt das. Ein grobes Punktmuster kennt nur wenige Farben und viele sich wiederholende Sequenzen. Genau solche Wiederholungen presst die verlustfreie PNG-Kompression effizient zusammen.

Bei Fotos kippt die Rechnung. Das feine Rauschen eines geditherten Fotos lässt sich schlecht komprimieren, während moderne Formate wie WebP und AVIF dasselbe Motiv kleiner ablegen, ohne die ursprüngliche Anmutung zu verlieren. Seine Stärke spielt Dithering deshalb bei Illustrationen, Icons und flächigen Grafiken aus, nicht beim Produktfoto.

Daraus folgt eine klare Trennung. Für kürzere Ladezeiten sorgen WebP oder AVIF und sauberes Skalieren, nicht das Dithering. Als gestalterisches Mittel dagegen ist das Verfahren kaum zu ersetzen, weil hier das Korn selbst die Aussage ist. Beide Ziele zu vermischen, rächt sich beim nächsten Core-Web-Vitals-Test.

Dithering ist 2026 kein Kompressionstrick mehr, sondern eine Stilentscheidung. Genau deshalb gehört Dither it in die Werkzeugkiste jeder Agentur, die sich vom KI-Einheitsbrei abheben will.
— Markus Seyfferth, Chefredakteur Dr. Web

Dither it im Werkzeug-Vergleich

Was das Browser-Tool leistet und wo modernere Formate gewinnen

0 €

kostenlos, Quelltext unter MIT-Lizenz

Bild-Uploads, alles rechnet im Browser

Verfahren: Floyd-Steinberg, Atkinson, Bayer

Drei Wege zum Dither-Look

Dither it

Preis: kostenlos (MIT)
Läuft: im Browser, kein Upload
Verfahren: Floyd-Steinberg, Atkinson, Bayer
Extra: animierte GIFs, Mehrfach-Upload
Code: quelloffen

Dithermark

Preis: kostenlos
Läuft: im Browser mit WebGL
Verfahren: viele Algorithmen, eigene Paletten
Extra: GPU-beschleunigt
Code: quelloffen

Adobe Photoshop

Preis: kostenpflichtiges Abo
Läuft: als Desktop-Installation
Verfahren: Dithering beim Indizieren
Extra: voller Bild-Workflow
Code: proprietär

Wie schlägt sich Dither it gegen Dithermark und Photoshop?

Allein steht Dither it nicht. Dithermark verfolgt denselben Browser-Ansatz, rechnet die Effekte aber per WebGL auf der Grafikkarte und bringt mehr Algorithmen sowie eigene Farbpaletten mit.^[2] Auch dieser Code liegt offen. Für Feinsteuerung und Stapelverarbeitung ist das die stärkere Wahl.

Den etablierten Gegenpol bildet Adobe Photoshop, das Dithering beim Umwandeln in indizierte Farben seit jeher beherrscht, dafür aber ein laufendes Abo verlangt und lokal installiert sein will. Die beiden Browser-Tools überzeugen mit Tempo und Nulltarif, Photoshop mit der Einbettung in einen ganzen Bild-Workflow.

In dieselbe Reihe schlanker, quelloffener Helfer gehören ShaderPad für Shader-Effekte oder Originkit mit fertigen Web-Komponenten. Ausprobieren kostet bei Dither it nichts: Ein einzelnes Testbild zeigt schnell, ob der Look zur Marke passt.