Bild dithern

Dithering-Werkzeug wird geladen…

Verwandeln Sie ein PNG-, JPEG- oder WebP-Bild mit Floyd-Steinberg-, Atkinson- oder Bayer-4×4-Dithering in eine Rastergrafik mit bewusst eingeschränkter Farbpalette. Wählen Sie Monochrom, Graustufen oder Begrenzte Farben, vergleichen Sie die Vorschau und exportieren Sie anschließend eine PNG-Datei. Die Verarbeitung bleibt in diesem Browser: Das Bild wird weder hochgeladen noch über Livewire übertragen oder in eine URL geschrieben. Im Funnel-Modus kann das Projekt bis zu zwei Stunden im lokalen Browserspeicher abgelegt werden, damit es zwischen den Schritten verfügbar bleibt. Zurücksetzen löscht es sofort. Es handelt sich um deterministische Pixelverarbeitung, nicht um KI, Bildnachzeichnung oder Vektorkonvertierung. Quelldateien dürfen höchstens 15 MiB, 20 Megapixel und 8.192 Pixel pro Seite umfassen. Für eine reaktionsfähige Bedienung wird die Ausgabe automatisch auf 4 Megapixel begrenzt. Der ursprüngliche Alphakanal bleibt erhalten, während das Dithering nur die RGB-Werte ändert. Vollständig transparente Pixel bleiben daher transparent.

Ein Bild direkt im Browser dithern

  1. 1

    Bild auswählen

    Öffnen Sie eine PNG-, JPEG- oder WebP-Datei mit höchstens 15 MiB und 20 Megapixeln. Die Datei wird lokal im Browser dekodiert.

  2. 2

    Algorithmus auswählen

    Nutzen Sie die Fehlerdiffusion von Floyd-Steinberg oder Atkinson oder wählen Sie Bayer 4×4 für ein regelmäßiges geordnetes Muster.

  3. 3

    Palette festlegen

    Wählen Sie Monochrom, Graustufen oder Begrenzte Farben und prüfen Sie, wie die reduzierte Farbzahl Verläufe, Kanten und Texturen wiedergibt.

  4. 4

    PNG herunterladen

    Prüfen Sie die Rastervorschau in geeigneten Zoomstufen und exportieren Sie die verarbeiteten Pixel dann als PNG mit erhaltenem Alphakanal der Quelle.

Was die drei Algorithmen verändern

Dithering stellt Farbtöne mit einer kleineren Farbmenge dar, indem es die verfügbaren Pixel räumlich anordnet. Floyd und Steinberg stellten die vorwärts gerichtete Fehlerdiffusion 1976 in ihrer Arbeit An Adaptive Algorithm for Spatial Greyscale vor. Bei jedem quantisierten Pixel bleibt ein Fehler zurück, der auf benachbarte, noch nicht verarbeitete Pixel verteilt wird. Dadurch entsteht meist eine feine, unregelmäßige Textur, die sanfte Übergänge besser erhält als ein einziger Schwellenwert für das ganze Bild.

Atkinson ist ebenfalls ein Fehlerdiffusionsverfahren, unterscheidet sich jedoch beim Nachbarschaftsmuster und beim weitergegebenen Fehler. Apple führt Floyd-Steinberg und Atkinson als getrennte vImage-Ditheringverfahren. Atkinson liefert häufig ein knackigeres, kontrastreicheres Ergebnis, kann dabei aber einen Teil der weichen Tonwertabstufungen verlieren.

Bayer 4×4 ist geordnetes Dithering. Statt einen Fehler von einem Pixel zum nächsten weiterzutragen, wiederholt es eine feste 4×4-Schwellenwertmatrix über das Bild. Das Verfahren geht auf B. E. Bayers Arbeit von 1973 zurück, die als An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures verzeichnet ist. Das sichtbare, regelmäßige Muster eignet sich für Retrografiken und vorhersehbare Texturen.

Algorithmus Verarbeitungsmodell Typisches Erscheinungsbild Praktischer Nachteil
Floyd-Steinberg Verteilt den Quantisierungsfehler auf später verarbeitete Nachbarn Feine, unregelmäßige Details Kann in gleichmäßigen Flächen wurmartige Strukturen erzeugen
Atkinson Verteilt einen Teil des Fehlers über ein breiteres lokales Muster Klare Kanten und offene Lichter Kann die Genauigkeit mancher Mitteltöne verringern
Bayer 4×4 Vergleicht jedes Pixel mit einer wiederholten Schwellenwertmatrix Regelmäßige 4×4-Textur Das Muster ist deutlicher sichtbar als bei Fehlerdiffusion

Grenzen von Palette und Alphakanal

Monochrom reduziert sichtbare RGB-Werte auf zwei Töne. Graustufen erhält mehrere neutrale Stufen, während Begrenzte Farben RGB auf eine kleine Farbmenge quantisiert. Diese Modi erkennen keine Motive, rekonstruieren keine verlorenen Details und erfinden keine neuen Farben. Die Ausgabe bleibt eine Rastergrafik in den verarbeiteten Pixelmaßen. Sie ist weder SVG noch eine andere Vektorgrafik.

Die Ditherberechnung ändert nur die RGB-Werte. Der ursprüngliche Alphawert wird für jedes Pixel übernommen, auch bei teilweiser Transparenz; vollständig transparente Pixel bleiben transparent. Die PNG-Spezifikation definiert Alphawerte pro Pixel von vollständig transparent bis vollständig deckend. JPEG besitzt keinen Alphakanal, PNG und manche WebP-Eingaben können dagegen einen enthalten.

Verarbeitung im Browser und PNG-Export

Der Browser dekodiert die ausgewählte Datei, liest die Pixeldaten, wendet den gewählten Algorithmus an und erstellt den Download lokal. Das Werkzeug lädt das Bild nicht hoch. Im Funnel-Modus können Bild und Ergebnis bis zu zwei Stunden in IndexedDB dieses Browsers gespeichert werden. Ein tabbezogener Verweis in sessionStorage hält gleichzeitige Projekte getrennt. Zurücksetzen löscht die lokalen Projektdaten; andernfalls laufen sie automatisch ab. Die HTML-Canvas-Spezifikation definiert das Auslesen von Pixeln und den Export mit toBlob(). PNG ist vorgeschrieben, wenn ein angeforderter Typ nicht unterstützt wird.

Die Grenze von 15 MiB für die komprimierte Datei sowie die Grenzen von 20 Megapixeln und 8.192 Pixeln pro Seite für das dekodierte Bild schützen Arbeitsspeicher und Verarbeitungszeit des Browsers. Auch eine kleine komprimierte Datei kann einen großen Pixelpuffer ergeben. Für eine reaktionsfähige Bedienung wird die Ausgabe automatisch auf 4 Megapixel begrenzt, auch wenn die zulässige Quelle größer ist. Überschreitet ein gültiges Bild eine Quellgrenze, verkleinern Sie es zuerst. Der PNG-Export erhält Pixel und Alphakanal verlustfrei, übernimmt aber keine Metadaten, Ebenen oder Vektorobjekte der Quelldatei.

Häufig gestellte Fragen

Probieren Sie Floyd-Steinberg für eine feine fehlerdiffundierte Textur, Atkinson für ein klareres kontrastreiches Aussehen und Bayer 4×4 für ein sichtbar regelmäßiges Retromuster. Die beste Wahl hängt vom Bild und der gewünschten Wirkung ab.

Nein. Es führt im Browser eine deterministische Pixelquantisierung und Dithering durch. Es erkennt keine Motive, erzeugt keine Inhalte, zeichnet keine Formen nach und exportiert kein SVG. Der Download ist eine Raster-PNG.

Der ursprüngliche Alphawert jedes Pixels wird übernommen, während das Dithering nur RGB betrifft. Vollständig transparente Pixel bleiben transparent und teilweise Transparenz bleibt in der PNG-Ausgabe erhalten.

Sie können PNG-, JPEG- und WebP-Dateien mit bis zu 15 MiB, 20 Megapixeln und 8.192 Pixeln pro Seite öffnen. Die Ausgabe wird für eine reaktionsfähige Bedienung automatisch auf 4 Megapixel begrenzt.

Es wird nicht hochgeladen, über Livewire gesendet oder in Funnel-URLs geschrieben. Dekodierung, Pixelverarbeitung, Vorschau und PNG-Erstellung finden in diesem Browser statt. Im Funnel-Modus kann das Projekt bis zu zwei Stunden in lokalem IndexedDB gespeichert und über sessionStorage diesem Tab zugeordnet werden. Zurücksetzen löscht es; andernfalls läuft es automatisch ab.

Verwandte Tools