Forum Moderators: not2easy

Message Too Old, No Replies

Pls help what could be causing my graphics to go funny

         

midi25

11:13 pm on Mar 23, 2003 (gmt 0)

10+ Year Member



Hi am working on my site. The problem is when I upload my banners and buttons etc they go all funny, like blurry and grainy.

I created the graphics in photoshop. On my pc these graphics are clear and sharp. But when i upload them they just dont look the same.

my example url is www.onscreendesigns.co.uk

notice how the enter button is not clear and the drop shadow i added to it is not visible. It now looks like a white blur under the enter.

This is puzzling me. Has anyone else had this kind of trouble. If so how did you overcome it..

Thanks

netguy

11:22 pm on Mar 23, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Midi25... It almost reminds me of a low rez JPG rather than a GIF. Take a look at how many colors you are using with the GIF. I would use at least 16 to 32 colors on your designs. (don't go to high, like 256, or it wastes space. Sometimes if you are only using a few colors, then the image is forced to take the main color rather than gray for shadowing.

Also when you do JPG, I would use 62% compression to save on space, but still keep the blurring out.

Steve

midi25

11:43 pm on Mar 23, 2003 (gmt 0)

10+ Year Member



just looked at the optimization. Yes I was using 256 colours. I will change them all and upload them in the morning.

But I cannot figure why its fine on my PC and not on my server.

midi25

11:58 pm on Mar 23, 2003 (gmt 0)

10+ Year Member



am puzzled even more now. I went back into photoshop and took all the layer properties off ie. drop shadow, inner glow and outer glow. The enter button is now displaying fine.

I think the server is having problems with graphics with ps filters on.

Have you come across this before?

Even when i tried reducing the amount of colours I got the same effect.

netguy

1:22 am on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



midi25... I really don't think your server has anything to do with it. If you are worried you can load hpbanner.gif in your browser from your directory on your c: drive locally, and see if your local pc shows the same.

I'll keep thinking about it. In the meantime, there are allot of very talented people in the forum that may come to the rescue.

netguy

1:23 am on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



dupl...

zooloo

1:57 am on Mar 24, 2003 (gmt 0)

10+ Year Member



I think the server is having problems with graphics with ps filters on.

This would be the problem.

Use gif, png or jpeg.

zooloo

midi25

12:58 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



The graphics appear fine on my PC. I am running IIS5 and when i preview my site everything is fine.

Its only when the graphics get to my server is when things are going wrong.

All my graphics are either gif or jpeg...

They are only distorting and going funny when photoshops filters are applied to them etc.

This is puzzling me.

zooloo

1:47 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



If you can turn the filters on and off you are using a .psd document - not gif or jpeg.

If you save gif or jpeg them th efilter effects are part of the image and cannot be turned on or off.

midi25

2:01 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



I am turning the filers off then saving them as gifs. It is most bizzare as i created a button in fireworks and uploaded it and that worked fine. I may try uninstalling PS and reload it.

mivox

8:46 pm on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This would be the problem.

No it wouldn't. There isn't a browser on earth that would even try displaying a psd file. He's editing the PSD files in his image editor, and then having problems with the gif output not being up to par.

The problem sounds like it has more to do with the optimization you're doing when you output the files to gif format than anything else... play with your optimization settings, and see what difference various settings make to the images.

If your special effects are degrading the quality of the gifs (and keep in mind, GIF format is not designed to show smooth color gradients, so any "glow" effects require some careful handling or they come out looking like garbage...), try redesigning the buttons to not use the layer effects. Sometimes it really just boils down to "simpler is better".

<added>Or, if you're having an easier time getting the results you want in Fireworks, why not just use Fireworks to create the graphics? Using Photoshop on web graphics can be overkill to begin with...</added>

jimbeetle

9:18 pm on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I looked at this yesterday and again today and still don't see anything very wrong.

I don't see the Enter button drop shadow but it's crisp and clear as can be on the three monitors I checked it out with, all set to 800 x 600.

tbear

9:26 pm on Mar 24, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>more to do with the optimization
I think mivox has it there. I just played with the images (in PSP), cleaning (remains of the drop shadow) then adding fresh drop shadows, and they ended up as being somewhat larger than those you have.
For me, if the image is a logo (or something as important) I'll put shadows and other stuff in, otherwise I use text or the simplest of fast loading images, not wanting visitors to be kept waiting to see my art work download ;)

midi25

10:23 pm on Mar 24, 2003 (gmt 0)

10+ Year Member



mmmm the mystery deepens. After uploading a new banner made in fw things where fine. Then after about 3hrs passed trouble struck and the quality of my banner had degraded.

I cleared the cache in my browser ie6. This seem to do the trick and restore everything.

I,m even more puzzled now as I dont think its an image problem but a browser one. A few web masters that i know have been telling me IE is blurring their graphics and AOL,s is causing mayhem.

Dont know what to think now as I dont know wheter my users are gonna see a nice crisp graphics as I see them on my machine or a blurred horrible thing on the server.

Maybe I should give up.

animgirl

4:02 pm on Mar 27, 2003 (gmt 0)

10+ Year Member



I don't know if this is totally off, but I've had this problem before.

I was making an interface piece for a site that had a drop shadow on it which was set to the multiply blending mode. When I saved it with a transparent background and linked to it in my web page with the other interface piece, the drop shadow always looked lighter and I thought I had lost my marbles because the settings and everything were right, the same as the other pieces.
So, I went back and saved the picture without transparency, and with the color background that it needed to fit in, and the multiply blending mode worked correctly, because it had a layer below it to interact on.

I suppose that instead of saving your graphic with a background, you could save it with transparency if you used the "normal" blending mode for the drop shadow.

I hope that makes sense :>)

animgirl