Save for Web (legacy)

Thanks Monika.  I have tried it with both art and type optimized.  Those both provide the slightly blurry results as seen above. 

The file you mentioned is one that Adobe sent me when trying to fix.  It's definitely the worst by far.  Perhaps they turned off anti-aliasing when saving that particular file.  The others they sent are more blurred than pixelated.

I had considered scaling to be an issue as well.  However it happens when you save the file and then turn right around and open it.  It's occurs when you open it and view in Illustrator, Photoshop, and Preview, as well as by doing "quick look" when viewing the image from the folder its saved in.  Compression was a good thought, but in this case its happening within each of the programs I work with.

That was at 100% and after saving as jpeg for web in Adobe Illustrator

Here's the pixelated file.  This was with Adobe assisting on my computer, repeating steps, and then saving

Not the first time...have been using it about 3 weeks and then the problems started. 

If you look at the full size and compare size by side, they're blurry.  This intensifies when the file is being placed on the website because it's like it's trying to upscale or something.  It's not a huge amount of blur...but enough that the client noticed when placing the original banner on the site. 

If you'll click the files I sent and then compare side by side you can see the difference in blur.  It's almost like waiting for the image to finish loading, but it's done.  The text should be tack sharp. 

There were also pixelation issues when Adobe was trying to trouble shoot.  I'll upload those in a bit. 

Thanks again for the help.

Blurry or pixellated? These are different (almost opposite) things. I can’t see any difference at all.

So is this the first time to use this workflow on a Retina display?  In what app are you seeing the unwanted visual effect?

Oh, and someone mentioned zooming in on the jpegs.  Just wanted to clarify that's not what I'm doing.  These are files saved using in Illustrator at size using save for web.

Thank you all for the feedback.  I may have not explained myself the best.  Here are screen shots for reference.  In the first shot you'll see a "TEST" file made of different fonts and a shape in Illustrator.   The original file I created for my client looks much worse than the test file below. 

Adobe support reset the preferences, but I'm receiving the same result.  They also are getting the same issues on their end when recreating a file and then doing save for web. 

I'm using Adobe CC for Illustrator and Photoshop.  Both are doing the same thing.

-One last thing to mention is that I opened up a few old files that I had designed to see if they'd be effected.  When opening those files at 100% they look to be about half the size the originally were created at.  So in the test image below, which is the size of banner I'm trying to make, I would instead see an image at half that size.  So then when viewing, it's giving me significant distortion.

Re-saving these files that have been printed or used on web perfectly in months prior are now giving me this same jagged or blurred edges and in some cases significant pixilation.

Adobe recalibrated the screen and also checked some other utilities but still haven't figured out the problem. 

I'm working on a brand new 27 inch iMac, less than a month old.

Thank you all again for the help!!!

This is at 100%. As you can see, it's crystal clear and perfect.

This next shot shows the save for web settings as well as how the image appears.  One thing that is different is that the image itself appears to be half the size it should be.  Typically when saving for web the images are at 100% and can either be scaled up or down in size accordingly without loss of quality in Illustrator.

When I open the image I have saved for web as jpeg, this is what I get.

Screen shot of that jpeg at 100% in Illustrator

Saved as PNG 24

Amanda,

This is the workflow option I use daily and have never had an issue prior.

Maybe the question is: what has changed?

Can you think of anything that has changed/happened between its working and non working?

Sometimes, the list (which includes preference deletion/moving and whatnot) may be relevant when something seems to stop working, but the fact that Adobe support can reproduce it seems to indicate that it is something else.

The Legacy Save for Web is the/an obvious choice for web purposes because you can specify the exact size in pixels x pixels, deviation from the needed size being the prominent cause of pixelation/blurriness.

And PNG24 is the obvious choice for crisp and clean appearance (and losslessness).

Another thing that may be important is the use of the Art (and/or Type) Optimization option.

It should never be pixelated unless you zoom in. So don’t do that. JPEG will also always show the normal damage.