Image hazy when exported

I have an SVG image, which I have cut, and pasted into PS. When I export the image to use on my web site, it becomes hazy no matter how I export. I know there are posts that have dealt with this, and I have tried everything from changing the quality from Bilinear to Bicubic and every variation in between. I have tried PNG 8 - 128 Dithered, PNG 24, and so on. I have tried exporting vs. saving for web (legacy), and nothing seems to keep the icon looking like the image it is when it’s in illustrator. I have even tried exporting from Illustrator, and I get the same result. Here is what I am talking about:

Good Shower

Exported for Web - Hazy

Answer

Try this, import the image / svg into photoshop as large as possible. i.e. 1000px x 1000px and then when you export it make sure your DPI is at i dont know around 300px and to the pixel size you need it.

Looking at your image I’m going to go out on a limb here and say its a pixel density issue as you’re using a raster format.

Attribution
Source : Link , Question Author : Blaine , Answer Author : Henn-Wei

Leave a Comment