Home/ Questions/Q 5992413
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T23:31:41+00:00

I’m applying a blur effect to an image in WPF like so: <Image ClipToBounds=True>

  • 0

I’m applying a blur effect to an image in WPF like so:

<Image ClipToBounds="True">
    <Image.Effect>
        <BlurEffect Radius="100" KernelType="Gaussian" RenderingBias="Performance" />
    </Image.Effect>
</Image>

As you can see, the radius is large, because the image is large and I need it to be really blurry. However, for a radius that large I’m getting a light frame around my image as seen in the attached image. How can I suppress this?

In case you’re wondering: The result is the same not matter the RenderingBias. A border is also produced in quality-mode.

White border around image

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What’s happening is the result of a blur together with the ClipToBounds. Since you’re using a Gaussian blur, the edges are going to naturally blend into the background (white).

    Applying ClipToBounds basically cuts off where it would otherwise have been blending into the white, hence why you get a white frame.

    Unless you’re willing to clip the image even more, unfortunately this is just how blurs work.

    Screenshot of cliptobounds

    • 0