Getting blurry or dull images after exporting from Illustrator? Use these simple tricks to save high quality images from Illustrator
For JPEG format, we have these extra options:
Please refer to this help article for more details and other file formats.
That's a good collection of advice, let me just add 3 things:
Web safe colors stem from the age of 8-bit monitors and limit your choice of color to just 216 bright colors, which won't solve the problem of bad looking text and graphics in JPEGs.
The choice "Type optimized" applies hinting, so the vertical stems of the letters will have the same width and won't be anti-aliased (provided the font designer correctly implemented hinting into the font).
After having exported a PNG, open it in Photoshop and embed the color profile you had as working profile in Illustrator. For the web this likely is sRGB.
Let me add another thing:
"For actual size choose 72 PPI: If you are exporting an image 1001x1001 Px at 72 PPI, result will be 1001x1001 Pixels, but if we export the similar image with 300 PPI, dimensions of end result will be 4167x4169 Pixels."
That change of dimensions will only happen if the upper left corner X Y values of your object/selection do contain fractions. In your example it would be 4171 X 4171
And it is better to export at multiples of 72 ppi (144, 288) to avoid pixels being added due to anti-aliasing.
You can also use Export for screen and set the scale to 2x , 3x, ..
Wow, that was so helpful. What did it do differently (as opposed to export for web)?
Thank you so much Monika, Ton and Mohammad for adding these wonderful suggestions. This will surely help our users.
Thank you so much for the info!!
Why not just drop the illustrator file onto Photoshop? set size etc... easy
I now have spent more time trying to export sharp JPG's (it's what the client insists on having) than on doing the actual design work. I see all kinds of people trying to solve this for what looks like a huge number of people having the same issues. I'm completely exasperated as to why in these days where pretty much all design has to be screen compatible, Adobe is apparently oblivious to what is a huge FAIL. I've been doing this for over 20 years so I'd like to think I know what I'm doing and I don't recall this being an issue in older versions of the software, so I don't accept that this is anything else than Adobe's incompetence. This SHOULD BE EASY. To make matters worse, less experienced designers I know, are able to generate crisp images using new apps I in the past have discounted as silly, which, as you might imagine is just a wee bit embarrassing! I think perhaps I've given too much of my love to Adobe over the years and it's time to dedicate a few days to evaluating alternatives.
Could you perhaps tell us some details of what is working and what is not?
Screenshots help explain the issue.
Hi Monika, Thanks but I've seen you on here in numerous posts trying to solve the problem, unsuccesfuly I'm sorry to say. I'm outta time so going with the "open in Photoshop" workaround, which is beyond ridiculous when you consider how long Adobe's been around and had time to make this obvious requirement easy. I seriously am going to see what else is out there. I'm tired of stupid bells and whistles being added, but basic functions being completely ignored year after year. If there was a simple solution all one would need to say is what everyone is saying, vector art in illustrator is exporting as useless and fuzzy.
"Hi Monika, Thanks but I've seen you on here in numerous posts trying to solve the problem, unsuccesfuly I'm sorry to say. "
So you don't want to discuss your problem, but rather offend the people who are offering help?
I'm sorry, as I said I'm exasperated from banging my head into a brick wall with this, and so I guess I'm venting because I'm hoping that Adobe pays attention to these forums - judging by the sheer number of returns on my search; obviously they don't. Again Sorry and have a great day I did not mean to offend.
I can't speak for MAStephens, but I understand where they're coming from.
I keep having issues with exporting logos as PNGs that aren't clear enough for my client. This is not a case of the client zooming in too far either- even I can see these PNGs are rastery around the edges. I try to google solutions for this and all I ever see is "export the image at 300 ppi".
This is very frustrtaing because I've tried this several times and it does not work. I've tried doubling the image width, exporting at 600 ppi, exporting using "Expot as", "Export for Screens" and the Asset Export window, with Art-Optimized, Type optimized...
The only thing that seems to work is scaling the image in Illustrator at a much larger width/height than it needs to be (possibly 3 or 4 times it's longest dimension, and exporting at a resolution of 300ppi), and then resizing the exported PNG using the bounding box to fit the space it needs to. This leads to me having PNGs with effective resolutions of 1000 ppi sometimes (as seen in the InDesign links panel), but it seems to be the only way to get an actually clear image.
I wll probably end up making a forum post to sot out my issue. I am just frustrated that exporting an image at the industry standard for print resolution doesn't actually produce a print ready image.
I suppose you want to print it in the same quality that you get when printing text from InDesign?
Then place vector artwork. Why do you even export a PNG in order to place that in InDesign?
And yes, when you want to print your graphic (not photo) artwork such as a logo in razor sharp, text like quality, then indeed 300 ppi might be not sufficient. But also: when sending a job to print, what matters is not what you see on screen, but what comes out of the printer.
Also: InDesign might be set up to use the quick preview. Then you always see a low resolution version of placed artwork on screen.