Image distortion

I save images in PNG and when uploaded to the application they are distorted examples below. I tried options with changing the format to JPG distortion is less also inserted it through the database

Did you perhaps enable the property “limit image size before upload”?


images that are not svgs / vectors pixelate when enlarged so would it be possible that you’re uploading a small png /jpg and displaying it in a large image element?

this is a static image, if you go to the preview it looks good, and if I load it into a dynamic database it looks good, but when you display it on the screen it gets messed up