I've been trying to figure this out for weeks, but can't figure it out. I'm trying to create a new logo and now that I've created it, I try to save it and once saved, It looks very blurry/fuzzy. But in illustrator it looks excellent! It's just in the saved copy that looks horrible. I'm new to using Illustrator, and still in the process of learning, I know it's probably something simple to my problem however I've read every forum related on the internet and even on here and all the solutions that have helped others don't work for me... I'm just metally drained and don't know to do, Any help to solve this problem would be helpful.
-Macbook Pro Retina -late 2013
If there's anything else that you would like to know please let me know. I've tried every possible format just about for the logo to be saved as. Even in the browser preview mode in save for web, it looks horrible. I'm needing this logo to be saved as jpeg, png, or something relative.
Thanks in advance!
Provide screenshots, plain and simple. Also tell us about your sizes and DPI settings. The simple answer probably is that you designed your logo at a high DPI setting and a large size and now are disapointed that all your details can't be crammed into those 200 pixels of the web version...
Here is what I've been using, settings and all. I've read "Pixel Preview"
should be on, however, Like I've said, I've tried all the solutions that
I've heard/read about without success.
I've attached a few photos of what I'm working with, The text you see is
'part' of the logo that I'm working on, I've tried the text from smallest
to largest and went through same steps for all, still nothing. Hope all
Sorry, I thought the images uploaded, however if wouldn't let me. Below is a link to my Google Drive where I was successfully able to upload all of them, Each step I took to Create, and Preview, as well as save the 'partial text' of the logo I'm working on.
I think we need a little more information, please.
How are you saving it? Into what format?
Like the pictures show, I've saved it in PNG and GIF formats and both look
horribly blurry/fuzzy. I've also saved it in all others. PDF is the only
one I've found to work great. Last time I tried it it didn't work. But with
it bring PDF format. I am limited where I can use it due to it not
uploading to most places I need the image. So a JPEG or PNG format is what
I'm looking for overall. But they look horrid. This is probably something
wrong with my settings however I'm not sure.
Ok, could you try this, please? Go to the Effect menu and choose Document Raster Effects Settings... set the resolution to High. I think the problem here is the view you're getting on a Retina display - there's probably nothing actually wrong with the document itself. The Document Raster Effects Settings on a web document is by default 72ppi and this won't look too great on your display.
Ok, I done what you said. And, Wow! It was a Huge help! However it's still
blurry a bit, better than what it was, but I can tell it 'should' be
sharper but isn't. Has Adobe got a fix for us Retina Display users? I just
recently updated Illustrator CC just 9 days ago and didn't see any
improvement for problems such as I am having.
It isn't really something that requires a 'fix' as such - sadly the number of people with Retina displays is still quite small and most of the time devices use some clever upsampling jiggery-pokery that makes the graphics look better.
I have another question for you, now - when you are exporting your image file from Illustrator, are you changing the anti-aliasing settings to Art Optimised? If this is all news to you, are you using the Export for Microsoft Office option? Or Save For Web?
Sorry to have to ask but it helps in helping you.
I have experimented with the Art & Text Optimized, Still not much of a
success. I haven't tried the Microsoft Office option. I've been mainly
using the Save For Web option, and experimenting with the Export option.
Ah - that's the best option. Ok, when you next export (via Save For Web) look over on the right-hand side, about half way down (if I recall correctly) and you'll find a percent field - try an export at 200%, then use the resulting graphic at 50% size - this should have the effect of "doubling" the pixel density (or so I'm told, I'm still using a "standard" display).
Hope that helps!
I don't really see any changes with the suggestion you last gave
Is there anything else I can do? Is adobe working on fixing this?
Just a thought - are you just going to be using this graphic on the web? If so, why not save it as an SVG? You can use it on pages just as you would an image, and it will be completely sharp at ANY resolution.
Yes, but also in other ways too. I tried the SVG way already. But when I
try to upload it to websites, etc. It won't upload. I think most sites only
support JPEG or PNG.
Ok - just asking - could you upload one of your PNG files to a site so that I can see the actual output. Would it also be possible for you to make your file available via DropBox or similar?
Sorry - I may not have been clear - I'd like the .ai file, please.
that looks pretty much as i'd expect a 960x560 image to look. what do you think is wrong with it?
It looks quite blurry/fuzzy.
It still looks a little blurry, pretty much the same as the .ai file looks on my display.
Hey there! I have been having the EXACT same problem with all of my AI files! Ever since I got a new computer (MacBook Pro with Retina), so many things are blurry/jagged! I have tried "save for web", "export", and PDF. PDF always comes out clear, but isn't the file type I can use on the web, obviously.
When I "save for web", it's VERY fuzzy/blurry. When I export, it exports to a much bigger size. For example, I had to create a 150x150 graphic, and when I export that artboard, it exports as 700x700. The 700x700 is clear, but if I try to resize it down, it's fuzzy again. Any other ideas on how else to fix this? Thank you!!