Bildfilter
Klicken oder ziehen zum Hochladen
JPG / PNG / WEBP / GIF
Bild hochladen, um hier eine Vorschau anzuzeigen
8 professionelle Bildfilter online anwenden: Schwarz-Weiß, Sepia, Invertieren, Weichzeichner, Helligkeit, Kontrast, Sättigung und Farbton — jeder mit 0-200% Intensität und Live-Vorschau.
Ähnliche Tools
Was sind Bildfilter?
Bildfilter sind eine Reihe von Techniken, die Pixelwerte durch mathematische Transformationen auf neue Pixelwerte abbilden. Im Web und auf Mobilgeräten ist der häufigste Standard die CSS-Filter-Eigenschaft (blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert). Dieses Tool basiert auf demselben API-Satz in Canvas, sodass Filter mit einem Klick gestapelt werden können.
**Wie unterscheidet sich das von einem Fotoeditor?** Profi-Editoren (Photoshop, Lightroom) unterstützen lokale Pinsel, Ebenen und Masken. Dieses Tool übernimmt ganzheitliche Farbkorrektur und Batch-Filteranwendung. Es ist leichter, schneller und passt besser, wenn Sie keine feinen lokalen Bearbeitungen brauchen.
**S/W vs Sepia:** S/W vereinheitlicht RGB mit wahrgenommener Luminanz (ITU-R BT.601-Gewichtung) und entfernt alle Farben. Sepia legt einen Braunton auf die Graustufenbasis und erzeugt ein stärkeres nostalgisches Gefühl.
**Warum lassen sich so viele Effekte ohne Verzerrung stapeln?** Filter sind Pixelmathematik und verändern nie die Pixelstruktur. Jede Kombination im 0-200%-Bereich hält das Bild intakt, auch wenn das Ergebnis dramatisch werden kann. Probieren Sie es in kleinen Schritten.
Anwendungsfälle
- Unterbelichtete oder farbflache Fotos schnell mit Helligkeit, Kontrast und Sättigung korrigieren
- Vintage-, S/W- oder Invert-Stile hinzufügen, um Social-Media-Bilder zu personalisieren
- Farbton vereinheitlichen oder E-Commerce-Produktfotos und Detailseiten verschönern
- Sättigung und Farbton für Ausweisfotos, Avatare oder Porträt-Hintergründe anpassen
- Invert-Effekt auf Design-Skizzen oder UI-Screenshots für visuelle Tests anwenden
- Weichzeichner-Filter nutzen, um private Details (Telefonnummern, Adressen) in Screenshots zu verschleiern
Anleitung
- Laden Sie das Bild hoch, das Sie filtern möchten (JPG, PNG, WEBP oder GIF)
- Wählen Sie aus 8 Basiseffekten im Miniaturraster: S/W, Sepia, Invertieren, Weichzeichner, Helligkeit, Kontrast, Sättigung, Farbton
- Schieben Sie den Intensitätsregler zur Feinjustierung (0% aus, 100% Standard, 200% Maximum) und beobachten Sie die Live-Vorschau
- Stapeln Sie zusätzliche Effekte, indem Sie zu anderen Filtern wechseln und deren Intensität anpassen, um den idealen Look zu komponieren
- Klicken Sie auf Download, um als PNG zu exportieren; der Dateiname erhält automatisch das Suffix _filtered
Funktionen
- 8 integrierte Effekte: S/W, Sepia, Invertieren, Weichzeichner, Helligkeit, Kontrast, Sättigung, Farbton
- 0-200% Intensität: jeder Filter hat einen eigenen Schieberegler, 100% ist Standard, 200% ist Maximum
- Echtzeit-Vorschau: Änderungen wirken sofort, was Sie sehen, ist was Sie exportieren
- Alle Formate: funktioniert mit JPG, PNG, WEBP, GIF und anderen gängigen Typen
- Ein-Klick-Reset: löscht alle Filter, um Original und Ergebnis zu vergleichen
- Lokale Verarbeitung: alle Effekte laufen im Browser-Canvas, Dateien verlassen das Gerät nie
Best Practices
Reihenfolge: erst Belichtung, dann Farbe, zuletzt Stil
Empfohlener Workflow: zuerst Helligkeit und Kontrast zur Belichtungskorrektur, dann Sättigung für die Farbe, zuletzt Stilisierungsfilter wie S/W, Sepia oder Farbton. Das passt zur Photoshop-Logik und verhindert, dass starke Stilfilter am Anfang Belichtungsprobleme überdecken.
Intensitätsregler bei 50% starten, nicht gleich auf 200%
Die meisten Filter sehen im Bereich 50-150% am besten aus. Ein direkter Sprung auf 200% verursacht oft Sättigungs-Clipping, Farbtonverzerrung oder übermäßige Unschärfe. Beginnen Sie bei 100% zur Beurteilung und justieren Sie dann in Schritten von ±20% nach Geschmack.
Sättigung zwischen 100-150% halten, um Clipping zu vermeiden
Sättigung über 150% lässt Rot- und Gelbtöne ausbluten und Details verlieren. Über 200% können irreversible Farbblöcke entstehen. Der 0-200%-Bereich ist für kreative Effekte gedacht; für die tägliche Korrektur ist 80-130% der Sweet Spot.
S/W plus moderater Kontrast = klassischer Fotojournalismus
Reines S/W kann flach wirken. Probieren Sie S/W 100% plus Kontrast 110-130% plus eine kleine Helligkeitsanpassung (je nach Originalbelichtung). Diese Kombination imitiert den Dokumentarstil der Filmära und war das beliebteste S/W-Rezept der frühen Instagram.
Sepia für alte Fotos und nostalgische Themen verwenden
Der Braunton von Sepia verschiebt die Farbpalette deutlich, passt also zu Nostalgie, Dokumentararbeit und Video-Thumbnails. Für E-Commerce-Hero-Bilder, UI-Screenshots oder Tech-Produktfotos lässt Sepia das Produkt veraltet und unprofessionell wirken und bricht den Realismus der Ware.
Weichzeichner-Stärke über 30 erzeugt bereits klares Bokeh
Der Weichzeichner-Regler 0-200% entspricht einem Unschärferadius von 0-20px. Stärke 30 (3px) ergibt eine subtile Weichheit. Stärke 50 (5px) eignet sich gut für vorgetäuschtes Hintergrundbokeh. Stärke 100 (10px) oder mehr ist gut zum Verschleiern privater Infos oder zur Subjektisolierung im Porträt.
Farbton-Drehung bei 0, 360 oder 720 kehrt zur Originalfarbe zurück
Farbton ist ein kreisförmiger Farbraum. Stärke 0-200 entspricht 0°-360° Drehung. Stärke 100 entspricht 180° (Komplementärfarbe), 200 kehrt zum Original zurück. Für kreative Korrektur im Bereich 10-30 bleiben; über 50 verschiebt sich die natürliche Farbe von Objekten drastisch.
Nach der Korrektur einen Bildkompressor ausführen, um die Größe zu reduzieren
Dieses Tool exportiert verlustfreies PNG, das groß sein kann. Für Webseiten, E-Mail-Anhänge oder Social-Media-Uploads folgt ein Bildkompressor — typischerweise lassen sich 50-80% der Größe ohne sichtbaren Verlust einsparen, indem man PNG in JPG umwandelt.
Häufig gestellte Fragen
Welche Bildfilter sind verfügbar? Kann ich S/W oder Vintage machen?
Acht integrierte professionelle Effekte: Schwarz-Weiß, Sepia, Invertieren, Weichzeichner, Helligkeit, Kontrast, Sättigung und Farbton. Per Klick wechseln und Vintage-Looks, künstlerische S/W-Aufnahmen oder verträumte Unschärfen erzeugen. Jeder Filter unterstützt 0-200% Intensität, wobei 1% subtile Änderungen zeigt, 100% Standard ist und 200% das Maximum.
Kann ich den Filtereffekt stärker oder schwächer einstellen?
Ja. Jeder Filter hat einen unabhängigen Intensitätsregler. 0% entspricht aus, 100% ist Standard, 200% ist das Maximum. Beispielsweise verstärkt Sättigung bei 50% die Lebendigkeit nur leicht, bei 150% gibt es einen sofortigen Film-Look. Farbton bei 50 entspricht 90° Drehung, 200 kehrt zur Originalfarbe zurück.
Mein Foto ist zu dunkel oder die Farben wirken flach. Kann das Tool das beheben?
Ja, es passt perfekt. Helligkeit rettet unterbelichtete Aufnahmen bei bedecktem Himmel. Kontrast verleiht flachen Bildern Tiefe. Sättigung stellt verblasste alte Fotos wieder her. Kombiniert mit Farbton können Sie warme und kalte Töne verschieben, stimmungsvolle Abendblau-Looks oder lebendige Neon-Cyber-Stile erzeugen.
Kann ich mehrere Filter stapeln?
Ja. Sie können mehrere Filter auf dasselbe Bild anwenden — zum Beispiel leichtes Sepia plus Helligkeit plus hoher Kontrast plus hohe Sättigung, um einen konsistenten Markenton zu finden. Da Filter Pixelmathematik sind, beschädigen Kombinationen die Bildstruktur nicht, aber das Ergebnis kann dramatischer wirken, also justieren Sie in kleinen Schritten.
Welche Bildformate werden unterstützt? Wie speichere ich das Ergebnis?
Volle Unterstützung für JPG, PNG, WEBP und GIF. Während der Verarbeitung sehen Sie eine Echtzeit-Vorschau. Wenn Sie zufrieden sind, klicken Sie auf Download, um als PNG zu exportieren (verlustfrei, größere Dateigröße). Für eine kleinere JPG-Datei nutzen Sie dieses Tool zum Colorieren und führen das Ergebnis dann durch einen Bildkompressor.
Ist es sicher, Bildfilter online anzuwenden? Werden meine Fotos geleakt?
Absolut sicher. Die gesamte Bildverarbeitung erfolgt lokal in Ihrem Browser über die Canvas-Filter-API. Es werden keine Dateien auf einen Server hochgeladen, keine Software muss installiert werden. Selbst Familienfotos, Vertragsscans und Ausweisfotos können sicher verarbeitet werden — das Schließen des Browsers gibt den Speicher sofort frei.
Verändert die Farbkorrektur die Dateigröße?
Ja, leicht. Aufhellen, Kontrast erhöhen oder Sättigung steigern kann die Datei etwas vergrößern. Abdunkeln, auf S/W schalten oder Sepia anwenden entfernt hochfrequente Details und kann die Datei verkleinern. Um weiter zu verkleinern, führen Sie nach der Farbkorrektur einen Bildkompressor aus — erst korrigieren, dann komprimieren ist der Standard-Workflow.
Was ist der Unterschied zwischen S/W und Sepia?
S/W vereinheitlicht RGB mit wahrgenommener Luminanz (ITU-R BT.601-Gewichtung: Y = 0.299R + 0.587G + 0.114B) und entfernt alle Farben. Sepia fügt dieser Graustufenbasis einen Braunton hinzu, simuliert die chemische Tonung der Fotos des 19. Jahrhunderts und erzeugt ein stärkeres nostalgisches Gefühl.
Glossar
- CSS-Filter
- CSS-Eigenschaft, die browsereigene Bildfilter bereitstellt: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia. Dieses Tool implementiert denselben Satz über die Canvas-Filter-API.
- Sepia-Ton
- Klassischer Vintage-Look, der die chemische Tonung von Fotos des 19. Jahrhunderts imitiert. RGB-Matrix: R = 0.393R + 0.769G + 0.189B; G = 0.349R + 0.686G + 0.168B; B = 0.272R + 0.534G + 0.131B.
- Farbton-Drehung
- Kreisförmige Drehung des H-Kanals (Farbton) im HSL-Farbraum. Eine 360°-Drehung kehrt zur Originalfarbe zurück. Die Stärke 0-200% des Tools entspricht 0°-360° Drehung.
- BT.601-Gewichtung
- Luminanzformel nach ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B. S/W-Filter und TV-Signale nutzen diese Gewichtung, da sie die höhere Grünempfindlichkeit des menschlichen Auges besser abbildet als ein einfacher Durchschnitt.
- Belichtung
- Die gesamte von einem Foto aufgenommene Lichtmenge. Unterbelichtet = zu dunkel; überbelichtet = zu hell. Helligkeitsfilter können kompensieren, aber keine bereits geclippten Lichter-Details wiederherstellen.
- Sättigung
- Die Intensität der Farbe. 0% = volle Graustufe; 100% = Originalfarbe; >100% = verstärkt. Zu hohe Sättigung verursacht Clipping und Detailverlust.
8 integrierte Filter auf einen Blick
| Filter | Algorithmus / Implementierung | Typischer Einsatz |
|---|---|---|
| Schwarz-Weiß | R=G=B=0.299R+0.587G+0.114B | Dokumentar, Kunst, Vintage-Thema |
| Sepia | Klassische Sepia-Tone-Matrix | Nostalgie, Altfoto-Look, Video-Thumbnail |
| Invertieren | 255 minus Original pro RGB-Kanal | Röntgenbild, Kunstplakat, dunkles UI |
| Weichzeichner | Canvas filter: blur(radius) | Hintergrundbokeh, Fokus, Privat-Maske |
| Helligkeit | Offset auf RGB addiert | Unter/Überbelichtung, trüben Himmel aufhellen |
| Kontrast | (RGB-128) × factor + 128 | Tiefe in flachen Fotos, HDR-Stil |
| Sättigung | S-Kanal in HSL skalieren | Lebendigkeit, verblasst, Markenfarbe |
| Farbton | H-Kanal in HSL rotieren | Kreative Verschiebung, Tausch, Test |
Intensitätsregler 0-200% Effektreferenz
| Stärke | Visueller Effekt | Empfohlene Nutzung |
|---|---|---|
0% | Voll aus, entspricht dem Original | Reset, A/B-Test |
1-30% | Sehr subtil, fast unsichtbar | Feinjustierung, genauer Blick nötig |
30-70% | Leichter Effekt | Tägliche Fotokorrektur |
100% | Standardstärke | Standard für die meisten Szenarien |
130-170% | Verstärkter Effekt | Stilisierte Arbeit, Markenfarben-Konsistenz |
200% | Maximale Stärke | Künstlerische, abstrakte Verarbeitung |
Authoritative References
- ReferenceCSS filter - MDN
- ReferenceWikipedia - Sepia (Farbe)
- ReferenceWikipedia - Farbfotografie
- Bilder komprimieren
- Bild konvertieren
- PNG in JPG umwandeln
- HEIC in JPG umwandeln
- WebP in JPG umwandeln
- JPG in PNG umwandeln
- JPG in WebP umwandeln
- PNG in WebP umwandeln
- WebP in PNG umwandeln
- HEIC in PNG umwandeln
- HEIC in WebP umwandeln
- AVIF in JPG umwandeln
- Bild zuschneiden
- AVIF in PNG umwandeln
- AVIF in WebP umwandeln
- GIF in JPG umwandeln
- GIF in PNG umwandeln
- GIF in WebP umwandeln
- SVG in JPG umwandeln
- SVG in PNG umwandeln
- SVG in WebP umwandeln
- TIFF in JPG umwandeln
- Bildfilter
- TIFF in PNG umwandeln
- TIFF in WebP umwandeln
- ICO Generator
- Bildeditor
- QR-Code-Scanner
- Bildgröße anpassen
- Bild Drehen und Spiegeln
- Bild-Ecken abrunden
- CSS-Sprite-Generator
- SVG-Betrachter
- Bild zu ASCII-Art
- Bild Vergrößern
- Bildwasserzeichen