Skip to main content
Solved

Export blur does not work

  • September 7, 2021
  • 5 replies
  • 8050 views

Denis_Denisov

When exporting an object, all properties are saved except for the blur, I save them in png

Best answer by Gleb

So you are applying background blur to the object and exporting just the object to PNG? PNG is an array of pixels, it can’t have any kind of special effects like background blur. It only contains the color and transparency at each pixel, it’s static. Trying to export PNG with background blur is like trying to print a video on paper, Harry Potter kind of magic is required. 😃 So you can either export with background or use the background blur filter wherever you are using the image, independent of the image, e.g. it is possible with CSS.

View original
This topic has been closed for comments

5 replies

Gleb
  • Power Member
  • 4706 replies
  • September 7, 2021

Maybe you applied a blur to the group or frame but exporting something inside of this frame?


Denis_Denisov

I am applying blur to the shape. Blur works great when exported with background. I also need to export transparent PNG with blur. Or is that impossible in figma?


Gleb
  • Power Member
  • 4706 replies
  • Answer
  • September 8, 2021

So you are applying background blur to the object and exporting just the object to PNG? PNG is an array of pixels, it can’t have any kind of special effects like background blur. It only contains the color and transparency at each pixel, it’s static. Trying to export PNG with background blur is like trying to print a video on paper, Harry Potter kind of magic is required. 😃 So you can either export with background or use the background blur filter wherever you are using the image, independent of the image, e.g. it is possible with CSS.


Denis_Denisov

Thank you very much, I thought that was the point, but just no one could explain it. thanks


  • 0 replies
  • October 8, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings