Was ist ein Bildunschärfefilter?

Ein Unschärfefilter macht ein Bild weicher, indem er jeden Pixel mit seinen Nachbarpixeln mischt. Eine Gaußsche Unschärfe, wie sie hier verwendet wird, gewichtet nahe Nachbarpixel stärker als weiter entfernte. Dadurch wirkt das Ergebnis wie durch eine unscharf gestellte Linse und nicht wie eine verschmierte Kopie. So wird ein Foto zu einem weichen Hintergrund für eine Präsentationsfolie, einen Website-Header oder ein Handy-Hintergrundbild. Außerdem lässt sich Text über einem unruhigen Bild leichter lesen, und die Details eines Screenshots werden verborgen, während sein Layout erkennbar bleibt.

Beschreibung des Tools

Öffne ein Bild und ziehe den Regler für den Radius. Ein kleiner Radius mildert feine Details ab, ein großer lässt nur noch weiche Farbflächen übrig. Während du den Regler ziehst, wird die Vorschau aktualisiert. Mit dem Vergleichsregler kannst du das Original neben dem Ergebnis anzeigen. Beim Herunterladen bleibt die volle Bildgröße erhalten; verfügbar sind die Formate PNG, JPG und WebP.

Funktionen

  • Gaußsche Unschärfe mit einer einzigen Einstellung für den Radius
  • Farben werden wie Licht gemischt: Helle Bereiche breiten sich natürlich aus, und Farbübergänge werden nicht matschig.
  • Transparente Bilder behalten saubere, weiche Kanten.
  • Die Verarbeitung erfolgt in deinem Browser, sodass das Bild dein Gerät nie verlässt.

So funktioniert es

Der Radius entspricht der Standardabweichung der Gauß-Verteilung, also demselben Maß, das CSS mit blur() verwendet. Die Unschärfe mischt Farben anhand ihrer Lichtanteile und nicht anhand der im Bild gespeicherten Zahlenwerte: Feine schwarze und weiße Streifen verschwimmen zu dem Grau, das durch die Hälfte der Lichtmenge entsteht. Dieses ist heller als das stumpfe Mittelgrau, das eine einfache Unschärfe ergibt. Über die Bildränder hinaus werden die Randpixel wiederholt, damit die Ränder nicht dunkler werden. Außerdem geben transparente Pixel ihre verborgene Farbe nicht an das Bild weiter.

Tipps

  • Wähle für einen Hintergrund hinter Text einen Radius, bei dem Formen noch erkennbar sind, aber nichts mehr den Blick auf sich zieht.
  • Unscharfe Bilder lassen sich sehr gut komprimieren. Ein Download als JPG oder WebP ist daher oft deutlich kleiner als das Original.
  • Um vertraulichen Text dauerhaft unkenntlich zu machen, verwende einen großen Radius. Großer Text lässt sich nach einer leichten Unschärfe manchmal noch lesen.