Hey guys,

If I design my site in Illustrator, then save all my graphics for the web, they look fine in the image comparison thing while Im saving the graphics, but online everything looks about 15-20% lighter. It's the same whether I save the files as gifs, jpgs, or pngs.

I have read articles about changing my colour settings in Illustrator to Monitor RGB, and other things, but Im not sre about doing this?

And suggestions?

Cheers,
Colm.

Illustrator can effectively create websites but you have to remember it is primarily a tool for art.

Illustrator is set the CMYK as default and will struggle with a web palette.

I highly recommend you do your art in Illustrator but design the actual website in photoshop - its about a millions times easier and is geared up for designing websites.

can you upload one of your illustrator files somewhere so we can look at it?

The web is not print. Colour matching and such is for PRINT where colours can be reproduced precisely

Due to the vast range of monitors, resolutions, contrast & brightness settings, slight browser differences etc NOBODY will ever know that it wasn't precisely the colour you started with.

It's pointless getting prissy over some things. For web stuff What You See Is NOT What Others Get.

Why not you are using Photoshop or Fireworks for creating graphics for Web?

Originally Posted by webhostsea.com

Why not you are using Photoshop or Fireworks for creating graphics for Web?

Perhaps the OP doesn't want to. Photoshop is not the only image editor...

Originally Posted by chrishirst

The web is not print. Colour matching and such is for PRINT where colours can be reproduced precisely

Due to the vast range of monitors, resolutions, contrast & brightness settings, slight browser differences etc NOBODY will ever know that it wasn't precisely the colour you started with.

It's pointless getting prissy over some things. For web stuff What You See Is NOT What Others Get.

Hey Chris,

I wouldn't be too bothered about the site looking different on different computers etc. But I would have assumed that what I designed in Illustrator and Photoshop should be the same colour when its on the web....at least on my own monitor?

All my graphics look about 15% lighter.

By the way, Im using both Illustrator and Photoshop, for different things.

Browsers don't do "colour matching"

Graphics tools adapt THEIR colour rendering to suit the monitor, they don't make the monitors show the true colour.

I have two monitors on my machines both will show slightly different colours depending on which monitor I have "colour matched" with.

Hmmm.....Im well confused now!

So in short, when I spend an hour making the perfect gold bar in photoshop for my website header....is there any way I can make sure it will look exactly the same when I uplaod it....on my monitor?

Nope!


Well there is, sort off. If you turn off monitor colour profiling in your graphic tools it will get a bit closer.

I usually leave them off until the odd times I'm doing a job for print output, then I recalibrate for one monitor.

What? This is nuts!

So how do guys get around it? Just say a guy is working for AIB and he has chosen their colours. Just say the purple is 70% cyan, 100% magenta, 20% black. How does he get the site matched so their artwork looks the same as the site on his monitor?

Is it common practice to take the colours and make everything 15% darker so it looks similar on the web?

work in rgb and turn off colour management from the beginning.

Well, some of us have been around since there were only 216 colours that could be used for web site layouts. I guess you would have been even more frustated then.

As I said print is a different animal to web, you either get used to it and adapt or you get ulcers

I use coral for designing it is much more effective than illustrator.Altough it doesn't matter because even if color code is same then also it depends upon the screen resolution of the user .

For some reason i thought the discussion was about "trends" to use lighter colors.
Although I have to admit you have made me think of something I was not even considering.

Originally Posted by Pristuno

I use coral for designing it is much more effective than illustrator.Altough it doesn't matter because even if color code is same then also it depends upon the screen resolution of the user .

screen resolution has nothing to do with the way colour is represented in screen. that's just bollocks unless you know something we all don't

Originally Posted by chrishirst

Well, some of us have been around since there were only 216 colours that could be used for web site layouts. I guess you would have been even more frustated then.

Oooh the web safe pallete! Life was so much less complicated back then