Helligkeit & Kontrast
Echtzeit-Fotoanpassung —
Bitte wählen Sie ein Bild aus
Ihr Bild wird nie an einen Server gesendet. Alle Verarbeitungen finden in Ihrem Browser statt.
Über
Kostenloses Tool zur Echtzeit-Anpassung von Helligkeit, Kontrast, Sättigung und Farbtemperatur. Ideal zur Korrektur dunkler Fotos, Verbesserung von Produktbildern oder Farbabstimmung vor dem Teilen in sozialen Medien.
Alle Verarbeitungen nutzen die Canvas API — kein Server-Upload. Nicht-destruktive Bearbeitung: das Originalbild bleibt im Speicher für jederzeit mögliches Zurücksetzen.
Anleitung
Bild auswählen
Wählen Sie das Foto aus, das Sie bearbeiten möchten
Schieberegler anpassen
Bewegen Sie Helligkeit, Kontrast, Sättigung und Temperatur. Änderungen erscheinen sofort in der Vorschau
Bild speichern
PNG oder JPEG wählen und auf Speichern klicken
Glossar
- Helligkeit (Brightness)
- Verschiebt alle Pixelwerte gleichmäßig in Richtung heller oder dunkler. Positive Werte addieren eine Konstante zu jedem RGB-Kanal. Nützlich zur Korrektur von Unterbelichtung.
- Kontrast (Contrast)
- Streckt oder komprimiert den Tonwertbereich. Positive Werte machen helle Pixel heller und dunkle Pixel dunkler, was die wahrgenommene Tiefe erhöht.
- Sättigung (Saturation)
- Steuert die Farblebhaftigkeit. Bei -100 wird das Bild vollständig grau. Berechnet mit gewichteter Luma-Helligkeit (R×0,2126 + G×0,7152 + B×0,0722).
- Farbtemperatur (Color Temperature)
- Verschiebt das Bild zwischen warmen (orange/rot) und kühlen (blau) Tönen. Positive Werte erhöhen den Rotkanal und reduzieren den Blaukanal.
- Canvas API
- Native HTML5-Browser-API zum Zeichnen und Manipulieren von Grafiken auf Pixelebene ohne Serverkommunikation.
- ImageData
- Roher Pixelpuffer aus einem Canvas-Kontext. Jedes Pixel wird durch vier Bytes (R, G, B, A) in einem Uint8ClampedArray dargestellt, das Werte automatisch auf 0–255 begrenzt.
- Nicht-destruktive Bearbeitung
- Bearbeitungsansatz, bei dem die Originalbilddaten separat erhalten bleiben. Anpassungen werden bei jeder Schieberregleränderung vom Original neu angewendet, ohne Qualitätsverlust.
- Luma (Luminanz)
- Wahrnehmungsgewichtung der RGB-Kanäle (R×0,2126 + G×0,7152 + B×0,0722). Die Verwendung von Luma als Basis gewährleistet natürlich aussehende Sättigungsänderungen.
- Uint8ClampedArray
- Typisiertes Array, bei dem Werte automatisch auf 0–255 begrenzt werden. Stellt sicher, dass außerhalb des Bereichs liegende Zwischenberechnungen immer gültige Pixelwerte erzeugen.
- requestAnimationFrame
- Browser-API, die einen Callback vor dem nächsten Bildschirm-Neuzeichnen plant. Wird als Debounce-Mechanismus verwendet, damit die Pixelverarbeitung nur einmal pro Bildschirmrahmen läuft.
FAQ
- Q.Welche Anpassungen kann ich vornehmen?
- Sie können Helligkeit, Kontrast, Sättigung und Farbtemperatur anpassen. Jeder Schieberegler reicht von -100 bis +100 und aktualisiert die Vorschau in Echtzeit.
- Q.Kann ich Änderungen rückgängig machen?
- Ja. Klicken Sie auf Zurücksetzen, um alle Schieberegler auf 0 zurückzusetzen. Die Originaldaten werden im Speicher behalten.
- Q.Wird mein Bild an einen Server gesendet?
- Nein. Alle Verarbeitungen werden lokal mit der Canvas API durchgeführt. Ihre Daten verlassen Ihr Gerät nie.
- Q.Welche Bildformate werden unterstützt?
- JPEG, PNG, WebP, GIF, BMP und alle anderen Formate, die Ihr Browser rendern kann.
- Q.Behält das gespeicherte Bild seine ursprüngliche Auflösung?
- Ja. Das endgültige Bild wird mit der vollen Auflösung des Originals verarbeitet.
- Q.Funktioniert es auf Smartphones?
- Ja. Vollständig responsiv und funktioniert mit Touch-Eingabe im iOS Safari und Android Chrome.
- Q.Kann ich ein Foto in Schwarz-Weiß umwandeln?
- Ja. Ziehen Sie den Sättigungs-Schieberegler auf -100 für ein vollständiges Graustufenergebnis.
- Q.Wie mache ich ein Foto wärmer?
- Bewegen Sie den Farbtemperatur-Schieberegler nach rechts. Dies erhöht den Rotkanal und verringert den Blaukanal.
- Q.Kann ich mehrere Parameter gleichzeitig anpassen?
- Ja. Alle Schieberegler sind unabhängig und ihre Effekte werden kombiniert.
- Q.Funktioniert es mit großen Bildern?
- Ja, bis zur Canvas-API-Größenbeschränkung. Die Vorschau verwendet eine verkleinerte Kopie; beim Speichern wird immer die volle Auflösung verwendet.
Anwendungsfälle
Dunkle Fotos korrigieren
Im Innenraum oder Gegenlicht aufgenommene Fotos aufhellen
Social-Media-Farbanpassung
Sättigung und Wärme vor dem Instagram-Post verbessern
Produktbild-Optimierung
Kontrast von Produktbildern für den E-Commerce verbessern
Retro / Vintage-Stil
Sättigung reduzieren und Wärme hinzufügen für einen Vintage-Filmstil
Feedback senden
Bitte teilen Sie uns Ihre Gedanken mit, um das Tool zu verbessern.
Feedback ist vorübergehend ausgesetzt
Der Server ist ausgelastet oder der Spam-Schutz ist aktiv. Bitte versuchen Sie es später erneut.