Spring Website Background Gradient

[el_matarife]

Does the Spring website look like that for anyone else? (Arrows added for emphasis on the problem) The background gradient breaks a little down the page and the color is wrong. I'm on Firefox 3.5.3 on XP with 32 bit color.

It seems to work in Opera 10 and Chrome 3.0.195.21:

[Satirik]

same config ... nothing like that, looks like the old IE displaying png with bad colors

[aegis]

yeah, I've had that too in firefox... not sure why it is...

downloading the background in firefox and displaying in a normal image editor also shows the same problem, but downloading it in chrome doesn't.

[Evil4Zerggin]

Same config but don't have that problem.

[Forboding Angel]

It's because of the graphics mode in firefox. Somehow yours got changed, so it is using the embedded color profiles in the images which generally results in extreme fail.

Go to address bar and type:

about:config

Type: gfx into the filter box

Click on gfx.color_management.mode

Change the 2 to 0

Restart Firefox 3.5 and the color management is now turned off.

[aegis]

so it's probably because that image has a bad color profile?

[el_matarife]

It's because of the graphics mode in firefox. Somehow yours got changed, so it is using the embedded color profiles in the images which generally results in extreme fail.

I thought Firefox 3.5 used the ICM color profiles by default. Anyway, if the background image has a busted color profile it should probably be fixed.

[Forboding Angel]

Basically, firefox 3.5.1 and previous doesn't support anything above ICC v2 (Windows XP). in firefox 3.5.2 support for ICC v4 (Vista and Win7) was added.

Basically, either update FF to the bleeding edge, or just do what everyone else does and turn color management off.

[AF]

Remove the colour profile from the jpeg, that simple

[jK]

Replaced it with a png. It's is even smaller.

[AF]

fixed here, ctrl+f5 for those still borked

[TradeMark]

this code should fix it for IE etc:

Code: Select all

<?php

header("Content-type: image/png");
readfile("background.png");

?>

save as "background.php" and change that as the background image.

then the PNG colors wont fuck up anymore, not 100% sure though.. but ive noticed it makes difference in color rendering before o.O

try?

Replaced it with a png. It's is even smaller.

you should make it 1 pixel wide too then.

[Forboding Angel]

Replaced it with a png. It's is even smaller.

You messed up the gradient transition a little bit. Try guassian blurring the shit out of it.

Edit: no you didn't, nevermind.

AHAHAHAA wtf? lol

Why is the background using a fixed size that isn't the size of the actual image? lolfail

[aegis]

this code should fix it for IE etc:

Code: Select all

<?php

header("Content-type: image/png");
readfile("background.png");

?>

save as "background.php" and change that as the background image.

then the PNG colors wont fuck up anymore, not 100% sure though.. but ive noticed it makes difference in color rendering before o.O

try?

Replaced it with a png. It's is even smaller.

you should make it 1 pixel wide too then.

it'd be cleaner to fix your server's mime types... and wouldn't bottleneck your entire site through php...

[TradeMark]

it'd be cleaner to fix your server's mime types... and wouldn't bottleneck your entire site through php...

that happens only with IE, so its not server side problem.

[AF]

IE is not flexible enough to rely on the data being sent, whereas firefox safari etc realise that tis actually a png and display ti accordingly

[aegis]

it'd be cleaner to fix your server's mime types... and wouldn't bottleneck your entire site through php...

that happens only with IE, so its not server side problem.

Code: Select all

header("Content-type: image/png");

proper mime type handling will send this header when the image is downloaded directly.

[TradeMark]

i dont know do you need to add that header, just added it for fun

[aegis]

other than headers, it's sending the file EXACTLY like the web server (read file bytes, send file bytes to browser)

http://www-01.ibm.com/support/docview.w ... -8&lang=en

also, the problem was happening in *firefox* and we already found a solution.

[TradeMark]

other than headers, it's sending the file EXACTLY like the web server (read file bytes, send file bytes to browser)

http://www-01.ibm.com/support/docview.w ... -8&lang=en

thats not the problem, look below.

and we already found a solution.

well it still doesnt look good on IE because the PNG images are darker on IE, dunno why, but when you change the extension to .php, the colors looks correct again.