: 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

@Moriarity648

The following method uses an Adobe Illustrator file, placed into Photoshop as a Smart Object.


First Save your SVG file as an AI file, directly from Illustrator.
click and drag the AI file into a Photoshop blank page, to create a
Smart Object.
Set your zoom level at 100% in Photoshop.





Press CTRL+T (Transform). Click and drag the object corner handles to
rescale to the size you want, holding down the Shift key as you drag
to constrain the proportions.
Once it has been resized, use the crop tool.





If you want, when cropping you could set a size in pixels in the Crop
Tool options before using the tool to make it a specific size





Save your image using the File > Export > Export As [or Save for
Web(Legacy)]


Here's the results, doesn't matter what size you make it, the pixels won't be blurry:

Vote Up Vote Down

@Turnbaugh909

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.

Vote Up Vote Down

@Sarah814

Are the dimensions of the image in PS or AI the exact dimensions you want for the final image on the web? Changing that might help.

Also, you aren't specific about how you are using this on the web. I ran into the same problem with an image that I was trying to insert into an HTML email signature. Apparently, some email programs (MS Outlook, I am looking at you here) run a resize command on images even when they are sized correctly, and the result is a blurry image like you are showing. Unfortunately, I was never able to resolve that particular issue-we ended up removing images from our email signatures completely.

Vote Up Vote Down

@Moriarity648

You can use svg for web these days. It is more beautiful, smaller, works on any size and is reatina-proof. Please forget about png .

Vote Up Vote Down