PDA

Click to See Complete Forum and Search --> : Images too dark


julialeft
08-08-2006, 07:04 AM
Hi
Can anyone help with this? I've done 2 websites (both on a Mac using Dreamweaver) and they look absolutely fine on my Mac (tested in Firefox, Safari and IE). Apparently, when viewed on a PC, the images are really dark, in fact the whole site looks too dark. Also, a couple of things jump out of position.
I'm assuming most PC users (apart from designers etc) use the standard monitor calibration settings, and seeing as they're the majority, the sites will have to be geared towards them.
I've saved the images as sRGB, 72dpi progressive jpegs in Photoshop.
Is there anything I can add to the code to fix this problem and make the sites more PC friendly?
Julia

distruktor
08-08-2006, 07:17 AM
is it something to do with varying gamma settings between PCs and macs? i doubt its to do with code but im probably wrong :D

julialeft
08-08-2006, 09:39 AM
it's probably got something to do with it. who knows

hypermorphism
08-09-2006, 05:10 PM
About the boxes that jump out of position, look at your CSS and make sure you are using either all absolute units (if your site is built to be viewed at a fixed size irrespective of the client's viewing port) or all relative units (for sites that adjust with the client's viewport size). For maximum cross-browser/platform compatibility, this is a must.
Mixed units will cause weird things to occur on some platforms/browsers. For more info, see http://www.w3.org/TR/CSS21/syndata.html#values .
In regards to your images, I've heard of gamma differences between Macs and PCs before. The only format I know of that preserves gamma information and that browsers render is PNG, but for photorealistic images, PNGs are generally larger than jpegs due to PNGs being lossless. However, even PNGs would not completely solve the Apple vs. PC problem. See http://hsivonen.iki.fi/png-gamma/ for details.
The best solution is to design on the platform that the majority of your audience is going to be using.

Broacher
08-09-2006, 06:27 PM
I guess I've always assumed that most web designers design for the PC gamma (2.5) rather than the Mac (1.8). Whenever I see a darkened image browsing on my PC, I know that they haven't. One of the things that you can easily do is use the 'Windows Gamma' or whatever it's called, Preview setting in Pshop.

And PNG gamma tagging is... as I'm sure that article describes, only fractionally supported-- which translates into 'not' as far as web publishing goes.