Gallery Color Scheme in Safari and Firefox

toonybabe · Post by **toonybabe** » Fri Sep 11, 2009 11:10 pm

When I create my gallery banners in Photoshop and upload them onto Rubberslug, I always change the color scheme of my gallery to match. I use the color codes and they match perfectly with the codes on Photoshop. But when I visit my gallery with Safari and Firefox on my Mac the colors do not match up. They look fine on my PC when I use Internet Explorer. How do I get my colors to match up on all three? Does anyone else have this problem?

MGarza145 · Post by **MGarza145** » Fri Sep 11, 2009 11:58 pm

I HAVE THE SAME EXACT PROBLEM!

I have a desktop and a Macbook. A few weeks ago, I was redoing my gallery and I noticed that there were something funny with the color scheme: certain colors weren't appearing as they were labeled HTML-wise, at least on my Macbook. On my windows PC, All the colors blended in together. After much frustration, I just gave up. I know I'm not much help, but I have been wondering the same thing. It's just frustrating because that means my gallery won't be displayed the way I would like on everybody's computer.

Belldandy16 · Post by **Belldandy16** » Sat Sep 12, 2009 8:13 am

ive heard that Mac's have better (or more) color ranges than PC's... and that some studios only use Mac's because of this.
i dont know if that has anything to do with that but ya never know.

sorry im not much help but thats what ive heard (maybe thats the cause?).

ReiTheJelly · Post by **ReiTheJelly** » Sat Sep 12, 2009 9:53 am

Safari is meant to be a light (small + quick) browser, so it does not have the ability to render as many colors. At least this is what I have been told, when I asked why my gallery didn't look right.

Cordelia · Post by **Cordelia** » Sun Sep 13, 2009 1:13 am

I have problem with some of my cel scans on the new Firefox. They turn out more faded than they should. They look ok on photoshop and IE though.

ginga123 · Post by **ginga123** » Sun Sep 13, 2009 10:14 pm

me too!

i don't have an issue with the color matching, but the banner I use a lot "making bold look beautiful" has resolution and pixel issues when surfing the internet using different browsers.

the banner will look blurred, grainy, and an outright mess in some versions of Windows Internet Explorer, Safari, and the latest versions of Firefox.

I made it using Photoshop CS2 a few years ago, but I don't have that version anymore to try and downgrade the resolution of the banner. all i'm using these days, is version 6.0. i tried to remake it a few months ago and i can't get the same "oil paint" effect on the cel i used in the banner that i had on my original version of the banner.

it's a challenge, indeed. in fact.... i'll go ahead and change banners and let you be the judge of the graininess.

it's bad.... and it was such a nice banner...

klet · Post by **klet** » Mon Sep 14, 2009 5:23 am

Is your banner supposed to match the color of your content background (the color in the middle)? I'm on a PC with the latest versions of IE and Foxfire, and it doesn't match in either. I mainly use Foxfire, but I checked in IE to see if it looked any different.

Maybe it's a limitation on Rubberslug? I've always chosen the colors on RS before making my banners, and made them to match. For example, in my latest layout, I put borders around all my banners to make them blend into the background better.

http://misfit.rubberslug.com/gallery/home.asp

I copied and pasted the color code from RS into PS. Perhaps that's the best way to go? It's worth a shot, anyway.

Of course, now I'm probably going to find out that it doesn't work on Safari or Mac or something.

ginga123 · Post by **ginga123** » Mon Sep 14, 2009 1:28 pm

i did the same thing in PS by copying and pasting the RS color code i chose to make sure they would match and so far they do; but, wow, that banner of mine went from clean and crisp to heck in a hand basket. it looks like i ripped it off the internet somewhere, even though i spent many hours on it in PS

lol

maybe there is a limitation.

Sparta101 · Post by **Sparta101** » Mon Sep 14, 2009 1:40 pm

The Colour for your banner that I get is dcb7d8 The colour for the text area is d4a2d1 and for the boarder it's 9d4291 I have never really had many problems with colour for my gallery although I have never checked it on a mac b4. I use fire fox for the most part and my gallery looks fine on it, but on IE their is a small gap between the left and right banner and if I correct it on IE it looks wrong on fire fox just try going to

Color and Layout Scheme
then Content Background then paste dcb7d8 if that does not work then I do not know what else to do.

Edit.
Well I just downloaded Safari and I have the same problem as you I do not think there is anything that can be done to make it look right accept maybe using absolute black or white although I have not tried it.

zerospace · Post by **zerospace** » Mon Sep 14, 2009 1:53 pm

ginga123 wrote:the banner will look blurred, grainy, and an outright mess in some versions of Windows Internet Explorer, Safari, and the latest versions of Firefox.

Browsers do not generally change how an image is rendered -- other than some color limitations. Images can end up looking awful depending on one's Internet connection (accelerated dial-up connections will often load graphics at much lower resolutions to speed up page loading). Other reasons images may render at much lower quality include using "interlacing" GIFs or "progressive" jpegs, which causes them to load initially at low resolution and then progressively load the image at the full final resolution.

Also, depending on how the image is being displayed on the page (e.g. if a script is processing an image prior to placing the image on the page), artifacting or other compression issues can occur. If this were happening, your original image as viewed in the same browser on your local computer would look fine, but the one on the page would look wrong.

The graininess I'm seeing in your banner looks like compression issues. The only other reason for what you describe that I can think of is that when you created the image originally, your monitor resolution was lower than today -- higher monitor resolution of today's larger monitors would tend to bring out the imperfections of jpg compression

.

ginga123 · Post by **ginga123** » Tue Sep 15, 2009 12:02 am

thanks for the insight, i appreciate it

what would be a good resolution then?

in the meantime, i'll just have to keep trying... i know i'll fix this banner someday. lol

toonybabe · Post by **toonybabe** » Tue Sep 15, 2009 4:46 am

Now I've changed my color scheme so it matches more closely in Firefox and Safari on the Mac, but now it looks off in Internet Explorer on my PC. It took some tweeking and it probably needs a little more to look right.

I guess I can't have the best of both worlds. I am just going to have to start designing my layout so that I don't have to match colors.

Thanks everyone for all of the advice - I didn't know there were other people here that had the same problem!