Different colors on Mac/Windows

molkman
Owner of George Washington's Prototype Mittens





2005 May 2 • 1996
404 ₧

Does anyone know how I can avoid having different colors on Windows than on Mac on a website in the exact same image? That doesn't make any sense to me :C .

Rockbomb
Dog fucker

2009 Nov 13 • 1849
-190 ₧

I'm pretty sure thats not possible, give an example?

Down Rodeo
Cap'n Moth of the Firehouse


2007 Oct 19 • 5258
57,583 ₧

So you have a picture which has different tones when displayed on Windows and when displayed on Mac? Not sure I unnerstan'. Everyone stares when you walk in the room, they stare when you go....

superjer
superjer

2005 Mar 20 • 3742

You are probably using PNG's and they probably have color-correction data in them.

You can remove it with pngcrush

Or maybe OptiPNG

molkman
Owner of George Washington's Prototype Mittens





2005 May 2 • 1996
404 ₧

Okay, cool. Thanks, I'll try those.

I had the problem with pngs once, but it was between Firefox and IE on Windows. The one image had a different tone than the other. If you looked at both in Photoshop and took the color code, it was the same, although one could clearly see it being different colors.

That was between a .gif and a .png. Now I changed it to .jpg and .gif. While it looks all the same on Windows with FF and IE, now there's a difference in Windows and Mac. I changed it to both being .gif and now it seems to be all right, I'm not sure though. (You can check yourself here if you have both a Mac and a PC. The horizontal green menu strip at the top didn't match the background color of the menu items when touching them with the mouse.

Rockbomb
Dog fucker

2009 Nov 13 • 1849
-190 ₧

Well there's your problem, .gif is shit unless its an animated picture.

Down Rodeo
Cap'n Moth of the Firehouse


2007 Oct 19 • 5258
57,583 ₧

Rockbomb has a point, as we're sure you know GIFs are limited to 256 colours. At some point, IE did not do PNGs properly either. Everyone stares when you walk in the room, they stare when you go....

sprinkles


2009 Sep 6 • 2431
10 ₧

http://en.wikipedia.org/wiki/File:Acid3ie8rc1.png

...then I got some ap, and shot a big ass lazar at everyone.

Rockbomb
Dog fucker

2009 Nov 13 • 1849
-190 ₧

chrome got 100 on the test

Down Rodeo
Cap'n Moth of the Firehouse


2007 Oct 19 • 5258
57,583 ₧

Yes, Webkit fully complies, which means Safari gets 100 as well. AFAIR the latest builds of FireFox end up at 96 and IE 8 *shudder* hits the sixties, maybe.

And Presto by Opera gets 100. Everyone stares when you walk in the room, they stare when you go....

molkman
Owner of George Washington's Prototype Mittens





2005 May 2 • 1996
404 ₧

But .gif is the only one that actually worked! And the images I'm dealing with have only like, 2 colors.

I'd love to see browsers team up on their engines, so websites look all the same on every browser. Because right now it's pretty ridiculous.

Down Rodeo
Cap'n Moth of the Firehouse


2007 Oct 19 • 5258
57,583 ₧

Well, the IE renderer is always going to remain closed :p

Theoretically, this is what standards are for. But I'm not even sure if it's a browser issue - all browsers use standard libraries for the images and things. It sounds like a really weird problem! Everyone stares when you walk in the room, they stare when you go....

superjer
superjer

2005 Mar 20 • 3742

Can you link to the one that doesn't work? I'm curious to see what's wrong.

molkman
Owner of George Washington's Prototype Mittens





2005 May 2 • 1996
404 ₧

Okay, here you go:

http://exotworking.com/head_test.htm
This one has different colors between Mac and PC. It's always the top horizontal menu background and color when you touch a button. Both greens are different.

Images:
Button: http://exotworking.com/files/menu/news.gif
Background: http://exotworking.com/files/bg11.jpg



http://exotworking.com/head_test2.htm
This one doesn't work for Firefox on PC, but does on IE. PC obviously.

Images:
Button (same): http://exotworking.com/files/menu/news.gif
Background: http://exotworking.com/files/bg1.1.png



Now it's
Button (same): http://exotworking.com/files/menu/news.gif
Background: http://exotworking.com/files/bg11.gif

And apparently it works.


As you can see, in the 2nd example, the background has a completely different type of green, which is ridiculous.

sprinkles


2009 Sep 6 • 2431
10 ₧

Bottom line, use Chrome, fastest in the bizunes. ...then I got some ap, and shot a big ass lazar at everyone.

molkman
Owner of George Washington's Prototype Mittens





2005 May 2 • 1996
404 ₧

Doesn't depend on what I use though. I want the site too look like it should on the very browsers that are used most.

sprinkles


2009 Sep 6 • 2431
10 ₧

Everybody should use Chrome, in fact all other web browsers should be illegal. ...then I got some ap, and shot a big ass lazar at everyone.

aaronjer
*****'n Admin


2005 Mar 21 • 3783
1,227 ₧

If all other web browsers were illegal then people would use them because they're illegal.

sprinkles


2009 Sep 6 • 2431
10 ₧

...then I got some ap, and shot a big ass lazar at everyone.

superjer
superjer

2005 Mar 20 • 3742

I crushed your PNG with PNGcrush and:

Button (same): http://exotworking.com/files/menu/news.gif
Background: http://superjer.com/lies/bg1.1-CRUSHED.png

superjer
superjer

2005 Mar 20 • 3742

The JPG is only a little off. JPG is a lossy format so there's no expectation that colors will not shift a bit. JPG should only really be used with photographs anyway.

Also the look of your JPG is highly dependent on the compression level your image editor uses to save the file.

molkman
Owner of George Washington's Prototype Mittens





2005 May 2 • 1996
404 ₧

Cool shizz, dog.

However, after crushing the png, the darker green stripes stuff is way ligher and harder to see than on the other, working images.


Yes, but on Windows, it's not off at all.

superjer
superjer

2005 Mar 20 • 3742

Looks the same to me. What are you viewing it in?

Hmm, you're right, I wonder if there's a JPGcrush...

superjer
superjer

2005 Mar 20 • 3742

Ok I ran your JPG through jpegtran, once with "-copy none" and once with "-copy none -optimize" which uses something called a Huffman table to make the file smaller.

Interesting the resulting image file sizes are less than 10% of your original.

"jpegtran -copy none"
Button: http://exotworking.com/files/menu/news.gif
Background: http://superjer.com/lies/bg11-JPEGTRAN.jpg



"jpegtran -copy none -optimize"
Button: http://exotworking.com/files/menu/news.gif
Background: http://superjer.com/lies/bg11-HUFFMAN.jpg

superjer
superjer

2005 Mar 20 • 3742

^^ I removed your background color where I quoted you to make it easier to compare the images.