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
toBicubic
and every variation in between. I have triedPNG 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:
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