PNG image lose quality after resizing

Hi. I’ve got a problem.
I’m making a project for WebGL and i create some UI elements with PNG images.
I imported a PNG and added it to the Hierarchy. By default spirte has image native size and it looks ok.
But when i try to make it less, my image becomes blurry.
look at the screenshot, the scroll edges become more blurry if i make my image smaller. The image is a little blurry with its native size, while the source PNG has no such effects.
Is there a way to avoid blurring?

Try playing around with some texture import settings.

If changing Mipmapping or Filter modes doesn’t help, I’d consider adding a smaller version of the source image.