Wie mache ich ein Bild schwarzweiß?

Die Voreinstellung Schwarzweiß nutzen oder den Graustufenregler auf 100 % ziehen. Etwas Kontrast – rund 110 % – verhindert, dass das entsättigte Foto flau wirkt.

Verschlechtern Filter die Bildqualität?

Der Filter arbeitet in voller Auflösung und der Export ist ein verlustfreies PNG, es geht also nichts verloren. Verluste stammen nur aus dem Original, falls es schon ein komprimiertes JPEG war.

Kann ich dieselben Filter per CSS auf meiner Website nutzen?

Ja, dafür ist die kopierbare Deklaration da. Auf ein angewandt ergibt sie dasselbe Bild, ohne eine zweite Kopie auszuliefern.

Was macht die Farbtonverschiebung genau?

Sie dreht alle Farben um die angegebene Gradzahl auf dem Farbkreis, ohne Helligkeit und Sättigung zu ändern. Kleine Verschiebungen wärmen oder kühlen ein Foto.

Bildfilter

Graustufen, Sepia, Kontrast, Weichzeichnen und Farbtonverschiebung anwenden, dann PNG und passendes CSS mitnehmen.

Bildfilter läuft vollständig in Ihrem Browser. Ihr Foto wird auf dem Gerät verarbeitet und nie hochgeladen.

Bildoptimierer öffnen

Über Image Filters

Canvas versteht dieselbe Filtersprache wie CSS, was dieses Werkzeug ungewöhnlich ehrlich macht: Vorschau, exportiertes PNG und die kopierbare CSS-Deklaration stammen aus einer einzigen Filterzeichenkette und können nie auseinanderlaufen. Zehn Voreinstellungen decken das Übliche ab – Schwarzweiß, Vintage, Noir, ausgeblichen – darunter liegen neun Regler für alles andere. Nur bewegte Regler erscheinen in der Ausgabe.

Funktionen

Helligkeit, Kontrast, Sättigung, Graustufen, Sepia, Invertieren, Farbton, Weichzeichnen und Deckkraft
Zehn Voreinstellungen von Schwarzweiß bis Noir
Live-Vorschau in voller Qualität
Kopierbare CSS-Deklaration, identisch zum Export
Filter arbeiten in der vollen Auflösung des Bildes
Alles läuft in Ihrem Browser

So verwendest du Image Filters

Ein Bild in das Werkzeug ziehen
Eine Voreinstellung antippen oder die Regler bewegen
Die Vorschau in voller Auflösung prüfen
PNG herunterladen oder das CSS für das Web kopieren

Beispiel

Eingabe

Black & white preset

Ausgabe

filter: contrast(110%) grayscale(100%);

Dieselbe Zeichenkette steuert den Canvas-Export und das kopierte CSS.

Häufige Fehler & Fehlerbehebung

Die heruntergeladene Datei ist größer als das Original. — Exportiert wird PNG, verlustfrei und deutlich größer als ein JPEG-Foto. Bei Größenbedarf das Ergebnis durch einen Bildoptimierer schicken.
Das CSS sieht im Browser anders aus als der Export. — Prüfen Sie, ob ein übergeordnetes Element bereits einen Filter trägt – CSS-Filter summieren sich im Baum. Im exportierten PNG steckt der Filter bereits fest.
Starkes Weichzeichnen ist bei großen Fotos langsam. — Weichzeichnen ist der einzige Filter, dessen Aufwand mit Radius und Bildgröße wächst. Radius verringern oder das Bild vorher verkleinern.

Häufig gestellte Fragen

Wie mache ich ein Bild schwarzweiß?: Die Voreinstellung Schwarzweiß nutzen oder den Graustufenregler auf 100 % ziehen. Etwas Kontrast – rund 110 % – verhindert, dass das entsättigte Foto flau wirkt.
Verschlechtern Filter die Bildqualität?: Der Filter arbeitet in voller Auflösung und der Export ist ein verlustfreies PNG, es geht also nichts verloren. Verluste stammen nur aus dem Original, falls es schon ein komprimiertes JPEG war.
Kann ich dieselben Filter per CSS auf meiner Website nutzen?: Ja, dafür ist die kopierbare Deklaration da. Auf ein <img> angewandt ergibt sie dasselbe Bild, ohne eine zweite Kopie auszuliefern.
Was macht die Farbtonverschiebung genau?: Sie dreht alle Farben um die angegebene Gradzahl auf dem Farbkreis, ohne Helligkeit und Sättigung zu ändern. Kleine Verschiebungen wärmen oder kühlen ein Foto.