Blured frame

[vindhya124]

Hi Team,

I need to share an image to facebook from my website. Facebook accepts images which is of 1.91:1 ratio so i need a create an image similar to below which avoids cropping when shared on facebook. Is there a way we can achieve blurred borders using Magick.net library?

[dlemstra]

It is probably a better idea to ask your question here: https://github.com/ImageMagick/ImageMagick/discussions and then translate a command line example to C#.

[vindhya124]

Thank you. Is there a way I can close this discussion?

[dlemstra]

There is no close options for discussions. It would be nice if you would post how you resolved this for the next person who reads this.

[vindhya124]

I have achieved using Imagesharp library and below are the steps.

I resized the image to 1150 width and 600 height, blurred the background and overlayed my 800*600 image.
Below is code.
image1.Mutate(i => i.Resize(800, 600, KnownResamplers.Lanczos3));

image.Mutate(i => i.Resize(1150, 600, KnownResamplers.Lanczos3).BokehBlur().DrawImage(image1, new Point(180,0), opacity: 1f).Brightness(1.0f));

Below is the facebook debugger tool where we can test how our feed is shared.
https://developers.facebook.com/tools/debug/

And below is the image i am sharing to facebook.