Page 1 of 1
Spring Website Background Gradient
Posted: 19 Sep 2009, 00:09
by 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:
Re: Spring Website Background Gradient
Posted: 19 Sep 2009, 00:48
by Satirik
same config ... nothing like that, looks like the old IE displaying png with bad colors
Re: Spring Website Background Gradient
Posted: 19 Sep 2009, 02:46
by 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.
Re: Spring Website Background Gradient
Posted: 19 Sep 2009, 08:51
by Evil4Zerggin
Same config but don't have that problem.
Re: Spring Website Background Gradient
Posted: 19 Sep 2009, 09:34
by 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.
Maek Fixie wrote:
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.
Re: Spring Website Background Gradient
Posted: 19 Sep 2009, 22:38
by aegis
so it's probably because that image has a bad color profile?
Re: Spring Website Background Gradient
Posted: 19 Sep 2009, 22:45
by el_matarife
Forboding Angel wrote: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.
Re: Spring Website Background Gradient
Posted: 20 Sep 2009, 11:41
by 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.
Re: Spring Website Background Gradient
Posted: 20 Sep 2009, 16:12
by AF
Remove the colour profile from the jpeg, that simple
Re: Spring Website Background Gradient
Posted: 20 Sep 2009, 18:19
by jK
Replaced it with a png. It's is even smaller.
Re: Spring Website Background Gradient
Posted: 20 Sep 2009, 19:07
by AF
fixed here, ctrl+f5 for those still borked
Re: Spring Website Background Gradient
Posted: 20 Sep 2009, 23:03
by 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?
jK wrote:Replaced it with a png. It's is even smaller.
you should make it 1 pixel wide too then.
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 02:10
by Forboding Angel
jK wrote: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
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 04:04
by aegis
TradeMark wrote: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?
jK wrote: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...
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 16:01
by TradeMark
aegis wrote: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.
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 21:54
by 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
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 22:00
by aegis
TradeMark wrote:aegis wrote: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.
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 22:04
by TradeMark
i dont know do you need to add that header, just added it for fun
Re: Spring Website Background Gradient
Posted: 21 Sep 2009, 22:06
by 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.
Re: Spring Website Background Gradient
Posted: 22 Sep 2009, 01:31
by TradeMark
thats not the problem, look below.
aegis wrote: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.
