Bildhistogramm

Visualisieren Sie RGB- und Luminanz-Histogramme jedes Bildes. Analysieren Sie Farbverteilung und Belichtung — 100% clientseitig.

Histogram Analyzer
Original (A)
Drop or click to load image
Comparison (B)
Drop or click to load image
🛡️Zero server logs. Histogram computation runs 100% inside your browser. Your files never leave this tab.
🛠️Entwickler-Werkzeuggürtel
Weitere Image-ToolsPixel-AnalyzerKontrastprüferBildgrößenänderungFavicon-GeneratorBildkompressorPaletten-ExtraktorAlle image Tools anzeigen →

Bildhistogramm

Bildhistogramm berechnet RGB-Kanal- und Luminanz-Histogramme für jedes Bild. Die gesamte Verarbeitung erfolgt lokal über Web Worker.

🔒 Client-side only⚡ Web Worker processing🌐 Works offline🛡️ Zero server logs

So verwenden Sie das Bildhistogramm

  1. Ziehen Sie ein Bild per Drag & Drop oder klicken Sie, um es auszuwählen.
  2. Klicken Sie auf Analysieren, um die Histogrammdaten zu berechnen.
  3. Betrachten Sie die RGB- und Luminanz-Verteilungsdiagramme.

Häufig gestellte Fragen

Fragen zu Bildhistogrammen?

Was ist ein Bildhistogramm?

Ein Bildhistogramm zeigt die Verteilung der Pixelintensitäten in einem Bild. Es hilft bei der Analyse von Belichtung, Kontrast und Farbbalance.

Was zeigen die RGB-Kanäle?

Jeder Kanal (Rot, Grün, Blau) zeigt die Intensitätsverteilung für diese Farbkomponente. Spitzen links bedeuten dunklere Bereiche, rechts hellere.

Sind meine Bilddaten privat?

Ja, absolut. Die gesamte Verarbeitung erfolgt in Ihrem Browser über Web Worker. Ihre Bilder verlassen niemals Ihr Gerät.

Automatisierte E2E-Testsuite-Protokolle

Unsere Buildsysteme validieren Edge-Case-Verarbeitung unter extremen Bedingungen vor jeder Bereitstellung.

Stability
100.0%
Passed
9/9
Env
V8-Sandbox
Engine: Vitest RunnerUpdated: 2026/6/14 14:16:42📦 Testdatensätze herunterladen
PASSPure Function Unit Tests should handle valid image input
PASSPure Function Unit Tests should reject invalid input
PASSPure Function Unit Tests should not mutate original input
PASSPure Function Unit Tests should handle boundary input
PASSImageHistogramTool renders labels
PASSImageHistogramTool renders privacy strip
PASSImageHistogramTool shows Clear All when image loaded
PASSImage Worker — IPC Simulation should return ok:true with histogram result for valid action
PASSImage Worker — IPC Simulation should return ok:false with error for unknown action
⏱️ 0.18ms📦 1.5KB🎚️ Max Nesting: 3🌿 AST Nodes: 48🛡️ V8 Heap: Healthy
$ codecaven-validator --scope=tool● CLUSTER COMPLIANT

Tool-Änderungsprotokoll & Updates

v1.2.02026-06-12
  • Feature: Doppelbild-Vergleichsmodus — zwei Bilder nebeneinander mit überlappenden Histogramm-Overlays.
  • Feature: MSE-Metrik (mittlerer quadratischer Fehler) pro Kanal — quantifiziert die Histogrammabweichung.
  • UX: Einheitlicher Maßstab für beide Histogramme gewährleistet genauen visuellen Vergleich.
  • Performance: Optimierte Histogrammberechnung mit Uint32Array-Arrays.
v1.1.02026-06-11
  • Feature: Umfassende Vitest-Testsuite für Tool-Rendering, Worker-Operationen und Shared-Operation-Logik — alle 871 Bild-Tests bestehen.
  • Fix: Korrigierte OffscreenCanvas-Mock-Muster in Tests für korrekte Konstruktor-Instanziierung.
v1.0.02026-06-11
  • Feature: Erstveröffentlichung mit RGB- und Luminanz-Histogramm-Visualisierung — 100% clientseitig über Web Worker.
  • UX: Drag-and-Drop-Upload mit sofortiger Vorschau und 4-Kanal-Histogramm-Anzeige (R, G, B, Luminanz).
  • UX: 16-Bin-Aggregation für klare, lesbare Balkendiagramme ohne externe Bibliotheken.