Foto laden, Regler ziehen, als PNG speichern. Mehr braucht es nicht, wenn ein Bild zu dunkel ist, schwarzweiß werden soll oder auf der Seite liegt. Die Bildfilter laufen direkt im Browser, und die Vorschau folgt jeder Bewegung.
Vom Upload zur PNG-Datei
- Ziehe ein Bild auf das Upload-Feld oder klicke darauf und wähle eine Datei.
- Stelle die sechs Regler ein.
- Mit 90° Drehen kippt das Bild im Uhrzeigersinn. Horizontal spiegeln und Vertikal spiegeln erzeugen ein Spiegelbild.
- Mit Zurücksetzen beginnst du von vorn. Auch Drehung und Spiegelung gehen dabei zurück.
- Klicke auf Bearbeitetes Bild speichern. Die Datei heißt
filtered-image.png. Neues Bild führt zurück zum Upload-Feld.
Bildfilter-Rezepte aus dem Alltag
Helligkeit, Kontrast und Sättigung bewegen sich zwischen 0 und 200 Prozent und starten bei 100. Graustufen und Sepia gehen von 0 bis 100 Prozent, der Weichzeichner von 0 bis 20 px. Daraus lassen sich einfache Rezepte bauen:
- Whiteboard nach dem Meeting: Kontrast hoch, Sättigung runter. Die Stiftstriche werden lesbar.
- Verblasster Abzug: Sepia bei etwa 60 Prozent, Helligkeit etwas unter 100.
- Ruhiger Hintergrund für Text: Weichzeichner zwischen 8 und 12 px.
- Farbiges Logo für einen Druck-Entwurf? Graustufen auf 100 Prozent. Bei weniger bleibt noch Farbe übrig.
Wenn das Spiegeln „falsch“ herum geht
Das Werkzeug dreht zuerst und spiegelt danach. Nach einer Drehung um 90° spiegelt Horizontal spiegeln an der ursprünglichen waagerechten Achse des Fotos. Auf dem Bildschirm sieht das wie ein senkrechtes Spiegeln aus. Zähle in dem Fall, wie oft du 90° Drehen gedrückt hast.
Was auf deinem Rechner bleibt und was die Datei kostet
Die Datei wird mit der Datei-API des Browsers gelesen und auf deinem Gerät in ein Canvas gezeichnet. Beim Bewegen eines Reglers und beim Speichern geht keine Anfrage ins Netz. Im Netzwerk-Tab der Entwicklertools kannst du das prüfen. Der Download entsteht lokal im Browser.
Gespeichert wird immer ein PNG in der vollen Pixelgröße des Originals. Ein JPEG mit 12 MB kann als PNG 20 MB oder mehr haben. Es gibt keinen Zuschnitt, keine freie Drehung und keine JPEG-Ausgabe. Der Weichzeichner misst in Pixeln des Originals: Derselbe Wert wirkt bei 4000 px schwächer als bei 600 px. Ein animiertes GIF wird zum Standbild. Die Regler brauchen die Canvas-Filterfunktion des Browsers. Tut sich nichts, probiere einen anderen Browser.