Copy link to clipboard
Copied
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 Photosho
...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
...You can also use Export for screen and set the scale to 2x , 3x, ..
Copy link to clipboard
Copied
At this risk of being a Johnny come Lately to the discussion, why not save as .svg? You can do this right in IL, and it can be emailed and viewed in any web browser. The recipient will then see exactly what you have done in IL without the inherent fuzziness of a bitmap file. I've done this with very large and complicated .ai files. Not to mention the possiblity of saving the file to your Adobe account and sending a link to the recipient. I've also done this to make high resolution photoshop images available (usually saved as a .tif to be openable in Safari, or possibly in the Windows version of Preview if there is one - I don't know that because I'm many years away from using Windows).
Copy link to clipboard
Copied
I would add that then the nitty gritty of getting a vector image into suitable shape for the internet can be worked out with the client, or web developer, or whomever. It's never going to be perfectly easy to get a vector image into suitable shape for the web, regardless of the app being used, imho, especially in the age of multiple screen sizes.
Copy link to clipboard
Copied
Now try to share your SVG on Instagram.
Copy link to clipboard
Copied
Valid point, but, for my part, I do almost no Instagram or Facebook, mainly because I feel they use all of us more than help us.
Copy link to clipboard
Copied
Unfortunately I think Instagram accounts for about 70% of the reasons people ask this question.
Copy link to clipboard
Copied
I have to correct myself -- a .svg or .tif must first be downloaded & then a web browser can open it at full resolution, a more unwieldy process than I represented it to be. Sorry.
Copy link to clipboard
Copied
This is valuable, so thank you.
Please consider incorporating any suggestions, additions, or corrections in Replies with a shout out to those whose ideas/suggestions you use. Most of us won't read the replies and would like the info, the commentors are made famous by the mentions so won't mind.
Copy link to clipboard
Copied
Hello! Sorry I am so late to the party but I am trying to understand how to get the best quality PNGs of my illustrator files. REgarding this point:
Copy link to clipboard
Copied
When placing something into a print layout, the artwork isn't measured in pixels, but in mm/cm/m (or inches in that one non-metric country).
The optimum resolution (pixel density) depends on the printing process. Can be much lower than 300 ppi (for large format printing) and can be much higher (for highres printing of calendars, museum catalogs or the like). So you always have to discuss the optimum with your printing service.
When you place an Illustrator file into a layout application, then you should question yourself why you convert it to pixels at all.
When producing artworks for the web, only the pixel dimensions matter. Your web developer should be able to tell you which dimensions produce best quality and also cost low bandwidth. This needs to be balanced and you might need to live with lower quality in order to enable folks to see your content at all.
When producing artworks for print on demand services such as redbubble or zazzle, they usually tell you the pixel dimensions of the artwork, because they know that a lot of their clients don't understand resolution anyway. They usually also tell you the resolution of the file, because they don't understand resolution either. But when you have the pixel dimesnions, then you don't need the resolution. It doesn't matter in order to get sufficient quality for printing.
With Illustrator, when you want to export a raster image with the same dimensions as the artboard, then you have to export at 72 ppi. That is how the software works.
Copy link to clipboard
Copied
Thank you, Monika! This is excellent!
Copy link to clipboard
Copied
Why does Adobe make you struggle so much to get a good image? Seems like this should be the default. I can do a poor image in Powerpoint with a lot less headache.
Copy link to clipboard
Copied
I don't know which struggle you are referring to.
So maybe you tell us about your specific issue?
Copy link to clipboard
Copied
where is my head-banging emoji when I need it??!!!!!!
Copy link to clipboard
Copied
Where is the "post specific examples rather than just saying me-too-and-nobody-ever-helps" emojis ? Since people won't post examples, just vague examples to "post many times" we can only assume they fear their examples will show it is their fault, rather than an actual Illustrator issue, and this would remove the chance of complaining. Or even post a link to one of these unsatisfied discussions (which in my experience typically stop once actual cases are asked for and actual explanations made).
Illustrator has many bugs. Of course. But if you want help it's not enough to say so.
Copy link to clipboard
Copied
Very helpful, thank you. Despite searching online and asking around, I still don't know how to determine (without printing tests) the minimal quality image setting (1-10) that would guarantee a very good quality print.
I design minimalist and complicated artwork for wall decor with one, couple, or many colors. I use 300ppi and the artboard size as required for the printed outcome. Then I do Export As in JPEG (client wish), CMYK, 300ppi.
In order words, I'm looking for answers to questions like. Does the lowest quality setting result in a very good quality very good print of any of my JPEGS designs? If not, then when and how much to increase the quality image number setting in order to obtain just large enough files that give crispy, sharp, and color-true prints? I appreciate any tip, advice, or thought. Thank you.