: Saving Images in png format in Photoshop makes it blurry when used in websites When I save PNG images for the web in Photoshop, its getting blurred on edges. I want to use these PNGs in

@Pope1402555

maybe the resolution of your png file is too high for a mobile website. Try to reduce the resolution to the size that you use in your website. Otherwise convert it into a .svg file because its better quallity on phone's. I hope this will help you out.

Vote Up Vote Down

@Vandalay110

How are you clipping the said images? If using the lasso, make sure there is not a feather value set in the top toolbar.

Vote Up Vote Down

@Pierce403

If you are using shapes/vectors, try and line them up to the nearest pixel. PS will use antialiasing to round it off, so if your shape/vector lines are sub-pixel, it will make a semi-transparent pixel on the edge to represent that 'half way in between 2 pixels'.

This is also a common issue when down sizing an image. It helps to keep the original size as a multiple of the smaller. Make it x2 or x4 to get cleaner edges when downsizing.

Vote Up Vote Down

@Carla748

The image is currently 37x25 try saving it to an aspect ratio or canvas of even numbers.
Like 42x28

Vote Up Vote Down