Different colors on Mac/Windows

Different colors on Mac/Windows

molkman
Owner of George Washington's Prototype Mittens

Marine Warfare Corporal
Find the Hole Participation Medal
Find the Hole II Participation Medal
Tasty Br�twurst Medal
2005 May 2 • 2066
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 .
LET LOVE REIGN
 
 
2010 Jun 8 at 10:01 PDT
Rockbomb
Dog fucker (but in a good way now)

2009 Nov 13 • 2045
I'm pretty sure thats not possible, give an example?
 
 
2010 Jun 8 at 10:42 PDT
Down Rodeo
Cap'n Moth of the Firehouse

Find the Hole II Participation Medal
2007 Oct 19 • 5486
57,583 ₧
So you have a picture which has different tones when displayed on Windows and when displayed on Mac? Not sure I unnerstan'.
 
 
2010 Jun 8 at 10:56 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
You are probably using PNG's and they probably have color-correction data in them.

You can remove it with pngcrush

Or maybe OptiPNG
 
 
2010 Jun 8 at 11:07 PDT — Ed. 2010 Jun 8 at 11:07 PDT
molkman
Owner of George Washington's Prototype Mittens

Marine Warfare Corporal
Find the Hole Participation Medal
Find the Hole II Participation Medal
Tasty Br�twurst Medal
2005 May 2 • 2066
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.
LET LOVE REIGN
 
 
2010 Jun 8 at 12:07 PDT — Ed. 2010 Jun 8 at 12:08 PDT
Rockbomb
Dog fucker (but in a good way now)

2009 Nov 13 • 2045
Well there's your problem, .gif is shit unless its an animated picture.
 
 
2010 Jun 8 at 12:17 PDT
Down Rodeo
Cap'n Moth of the Firehouse

Find the Hole II Participation Medal
2007 Oct 19 • 5486
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.
 
 
2010 Jun 8 at 13:45 PDT
sprinkles

Chrome Whore
2009 Sep 6 • 2547
10 ₧
 
 
2010 Jun 8 at 13:55 PDT — Ed. 2010 Jun 8 at 13:56 PDT
Rockbomb
Dog fucker (but in a good way now)

2009 Nov 13 • 2045
chrome got 100 on the test
 
 
2010 Jun 8 at 14:17 PDT
Down Rodeo
Cap'n Moth of the Firehouse

Find the Hole II Participation Medal
2007 Oct 19 • 5486
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.
 
 
2010 Jun 8 at 15:03 PDT — Ed. 2010 Jun 8 at 15:03 PDT
molkman
Owner of George Washington's Prototype Mittens

Marine Warfare Corporal
Find the Hole Participation Medal
Find the Hole II Participation Medal
Tasty Br�twurst Medal
2005 May 2 • 2066
404 ₧
Rockbomb said:
Well there's your problem, .gif is shit unless its an animated picture.

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.
LET LOVE REIGN
 
 
2010 Jun 9 at 00:56 PDT — Ed. 2010 Jun 9 at 00:57 PDT
Down Rodeo
Cap'n Moth of the Firehouse

Find the Hole II Participation Medal
2007 Oct 19 • 5486
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!
 
 
2010 Jun 9 at 08:21 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
molkman said:
[...] 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. [...]

Can you link to the one that doesn't work? I'm curious to see what's wrong.
 
 
2010 Jun 9 at 13:15 PDT
molkman
Owner of George Washington's Prototype Mittens

Marine Warfare Corporal
Find the Hole Participation Medal
Find the Hole II Participation Medal
Tasty Br�twurst Medal
2005 May 2 • 2066
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.
LET LOVE REIGN
 
 
2010 Jun 9 at 13:33 PDT — Ed. 2010 Jun 9 at 13:35 PDT
sprinkles

Chrome Whore
2009 Sep 6 • 2547
10 ₧
Bottom line, use Chrome, fastest in the bizunes.
 
 
2010 Jun 10 at 01:22 PDT
molkman
Owner of George Washington's Prototype Mittens

Marine Warfare Corporal
Find the Hole Participation Medal
Find the Hole II Participation Medal
Tasty Br�twurst Medal
2005 May 2 • 2066
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.
LET LOVE REIGN
 
 
2010 Jun 10 at 03:09 PDT
sprinkles

Chrome Whore
2009 Sep 6 • 2547
10 ₧
Everybody should use Chrome, in fact all other web browsers should be illegal.
 
 
2010 Jun 10 at 05:59 PDT
aaronjer
*****'n Admin

Comrade General 5-Star
2005 Mar 21 • 4600
1,227 ₧
If all other web browsers were illegal then people would use them because they're illegal.
 
 
2010 Jun 10 at 09:58 PDT
sprinkles

Chrome Whore
2009 Sep 6 • 2547
10 ₧
aaronjer said:
...weed...illegal...people...use...because...illegal.

 
 
2010 Jun 10 at 10:05 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
molkman said:


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

 
 
2010 Jun 10 at 10:58 PDT — Ed. 2010 Jun 10 at 11:41 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
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.
 
 
2010 Jun 10 at 10:59 PDT — Ed. 2010 Jun 10 at 11:00 PDT
molkman
Owner of George Washington's Prototype Mittens

Marine Warfare Corporal
Find the Hole Participation Medal
Find the Hole II Participation Medal
Tasty Br�twurst Medal
2005 May 2 • 2066
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.

superjer said:
The JPG is only a little off.

Yes, but on Windows, it's not off at all.
LET LOVE REIGN
 
 
2010 Jun 10 at 11:04 PDT — Ed. 2010 Jun 10 at 11:05 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
molkman said:
However, after crushing the png, the darker green stripes stuff is way ligher and harder to see than on the other, working images.


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

molkman said:
superjer said:
The JPG is only a little off.

Yes, but on Windows, it's not off at all.
Hmm, you're right, I wonder if there's a JPGcrush...
 
 
2010 Jun 10 at 11:35 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
molkman said:


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

 
 
2010 Jun 10 at 11:38 PDT — Ed. 2010 Jun 10 at 11:41 PDT
SuperJer
Websiteman

2005 Mar 20 • 6153
^^ I removed your background color where I quoted you to make it easier to compare the images.
 
 
2010 Jun 10 at 11:41 PDT
Page [1]