Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: not2easy
It looks great on my computer, and on one of my client's computer, but his partner says that it looks all distorted on their computer, as well as thier parents' pc.
Here is the way they describe it:
...just imagine taking constuction paper of all different color blues, cut 4 inch strips and then lay them next to each other...that is what the background looks like...do you understand now? if i can see that on two different computers, can you fix that?
I am figuring that this has something to do with my client's computer and their parents' computer. I'm surprised that it does it on two computers. How do I fix it so that it views great on all computers?
I also tried just having the background of the site be one color blue using CSS, but the partner said that they just saw white. What's the deal with that? Can some setups not recognize CSS? I'm using CSS with the gradient background as well.
Could it be a screen color depth pb? Say they've got old pc with only 256 colors (hugh!). You could try to check that and tell them that if they do there only is 3% of people with screen color depth with 256 or lower.
BTW you may want to use web safe colors for the 256 and less colors
Hope this helped.
Gradients do not perform well in .gif format. Depending on the color used and the type of gradient blend, you could even see problems between a setting of high color (16 bit) or true color (32 bit).
If it is currently in .gif format, change it to .jpg and see if the problem still exists. Find out if their color settings are at 16 bit or lower. The next lowest would be 256 colors which would surely cause distortion in a gradient.
The only way around this is to introduce noise into the image, which will break up the banding effect. If saving as a gif, this can be done by adding dithering in the save dialogue. I believe a similar effect can also be achieved by adding noise as a filter in Photoshop whichever file format you use.
Whichever way you do it, the resulting image will look worse on your system and the file size will increase as you're making the image more complex. That's the trade-off.
Assuming you are creating the gradient by tiling a thin strip, you may well have to make this strip a lot wider for the dithering to have an effect.
Test it on your own machine my lowering your desktop colour depth to 256 colours under control panel; display (assuming Windows).
Thanks for all of your advice. I will definitely check with them and see what settings they are using. Hopefully, that is the case and they will have a vid card and monitor setup that will allow them to change the settings to High Color (16-bit), or better yet, True Color (32-bit). We'll see.
And yes, I created it as a gif. I will try a jpeg and see if that helps.
I'll post the results.
By the way, I changed the vid settings on both my laptop and desktop to 256 to see how it looked, and it just made it look like I was looking at sand. The webpage looked the same, but it just looked very grainy. No four inch strips, though. However, my vid card is most likely better than theirs.
I'll have them try IE.
They actually have a cs.com address which is Compuserve.
That could be the problem. Yes, Compuserve uses the same image compression that AOL does and it wreaks havoc on gradients. I believe the default is on so the user needs to deactivate the compression to see the true color of imagery.
I made a site for an artist with lots of carefully compressed and cropped artwork to balance load times, and then AOL goes and messes it all up. Argh.
Does anyone know if things like the Netzero accelerator do the same nonsense?