Save for web affects display of picture.

[Louda!!!]

High!

When I save my sketch (a website) for the web, there seems to happen something with the display of the picture. I`ve saved as jpg and html and both formats display a much fuzzierlooking picture compared to what I see in illustrator. Can this have something to do with the use of gradient? Although, for example, is my text-layers stored above the gradient in the layer hierarchy and still the text gets fuzzy.

Other than that I hope everybody had a nice start of the week!

[evilfugi]

When you are saving it for web, what do you have the quality set at?

[Riefnu]

Is there anything that could be making the image bigger after you saved it?

Resizing only keeps quality while going down, not up.

[Louda!!!]

When you are saving it for web, what do you have the quality set at?
I´ve tried both maximum and high

[Louda!!!]

Is there anything that could be making the image bigger after you saved it?

Resizing only keeps quality while going down, not up.

I dont think I resize it at all. I´ve used a template-guide with the exact same size that I want it to be displayed with on the web. It´s just in a different format.

[evilfugi]

Can you post a screenshot?

[urstwile]

Are you increasing the pixel dimensions at the Save for Web stage, or decreasing them? Increasing them will probably account for the fuzziness.

[hewligan]

As a relevant aside here, yesterday, I went to an Adobe CS4 Roadshow seminar. Their recommendation? Don't use save for web, ever. If you need to produce web graphics, they recommend you use Fireworks to export them, even if you actually produced your graphics in Photoshop. It can import your Photoshop document just fine, and it's always had the best jpeg/gif/png engine in the industry.

Only now they admit it...

[garricks]

As a relevant aside here, yesterday, I went to an Adobe CS4 Roadshow seminar. Their recommendation? Don't use save for web, ever. If you need to produce web graphics, they recommend you use Fireworks to export them, even if you actually produced your graphics in Photoshop. It can import your Photoshop document just fine, and it's always had the best jpeg/gif/png engine in the industry.

Only now they admit it...

*changes workflow*

Good timing. I'm about to create a slew of revised logos for the web. Remind me to send some cheese or chocolate or something to you in the future!!

[hewligan]

Mmmmm... cheeese :D

[garricks]

Oh, and I just realized I can't share this with the co-workers...they're using CS3 Design Standard. Not sure if/when we're upgrading to CS4.

[vanishdesign]

As a relevant aside here, yesterday, I went to an Adobe CS4 Roadshow seminar. Their recommendation? Don't use save for web, ever. If you need to produce web graphics, they recommend you use Fireworks to export them, even if you actually produced your graphics in Photoshop. It can import your Photoshop document just fine, and it's always had the best jpeg/gif/png engine in the industry.

Only now they admit it...

I remember discussing this technique with a supervisor 2 years ago. This was not long after Adobe bought Macromedia and CS3 was about to be released.

What happened? What reason do they have for still not incorporating Fireworks's compression engine into Photoshop? I'm not tossing out a few hundred bucks for something that'll only be used as an image compressor.

Anyone know of any freeware that'll do the job?

[hewligan]

Photoshop, and save for web, will "do the job." It's just that Fireworks does it much, much better.

If you have CS4, you probably have Fireworks - a quick look and it seems like it's in most of the relevant versions. That would also explain why they're admitting this now.

As for why they haven't just integrated the Fireworks engine into Photoshop - I imagine the answer is because it would be incredibly hard. The two are very different programs, and I imagine they looked at it and decided that the amount of work involved was far greater than the potential value of doing it.

[urstwile]

I'll have to give Fireworks a try then. How does it do with GIF files? Specifically transparent GIF's, where the type is white? You've put a notion into my head to give it a try.

[hewligan]

I'll have to give Fireworks a try then. How does it do with GIF files? Specifically transparent GIF's, where the type is white? You've put a notion into my head to give it a try.

If what you're talking about is anything like what I think it is, the answer is that pretty much nothing does the job well.

The only time I've had any kind of decent results with transparent gifs, I have hand editted the individual pixels to get the right result. Obviously, that's only an option for small images.

Probably you need to look at using PNGs.

[urstwile]

Yah, okay. This was for HTML email...PNG not an option, for the most part. >>>turns down the flickering candle of hope.

[hewligan]

Well, if PNG is not an option, your best bet for not having it look terrible is to matte with the background colour (if that's an option).

[urstwile]

Yup, had to actually convince the CD that um, no, that fancy background, um, not so much. Can I satisfy you with a side order of rectangular vignetting instead? :D

[superman7]

i'm having probs with file sizes in photoshop saving for web aswell, i was wondering is there a specific way i should be exporting from fireworks, to keep the file size as low as possible, but the maximum image quality. I'm trying to create animated gifs that are the full size of the web page, but have noticed that the images lose quality. Any suggestions on best way to save these images with a high quality dpi, but low file size. I'm new to fireworks!

i have tried doubling the size of the image, then compressing it down to normal, but still some jagged edges???

[Louda!!!]

I´m not shure how but for some reason it looks good now. Pretty irritating as I have no clue what made it turn out ok.
But as one of my favourite sayings go I better "accept the good"!

And I will definetly look into fireworks