About this site's lack of design: Yes, it's supposed to look this way — I'm helping create a new sandbox theme for WordPress (see it on GitHub).

Dan Rubin's SuperfluousBanter

Suffering from chronic idiocy since 1977

|

Gamma Problems

First of all, no, this has noth­ing to do with the Incred­i­ble Hulk — I spent a good deal of time this week­end revis­it­ing the site design for Web­graph, which has been sit­ting idle in my hard drive for too long. I’ve had the basic design com­pleted since the begin­ning of the year (!), so I decided to start test­ing the col­ors on dif­fer­ent sys­tems before I con­sider the scheme (and the exact shades) final­ized, and this is where I start to run into prob­lems: I’ve dealt with gamma issues before (PC’s and Mac’s have dif­fer­ent gamma set­tings, which cause col­ors to dis­play dif­fer­ently between plat­forms, and even between dif­fer­ent mon­i­tors if they’ve been cal­i­brated), but I can’t recall ever see­ing as much of a dif­fer­ence as I am with this par­tic­u­lar case.

To illus­trate the prob­lem, I’ve cre­ated an exam­ple (view test image) show­ing what I con­sider to be the accept­able vari­a­tions in shades of black (con­cen­trate on the nav bar, behind the words “Home, Our Work” etc.) between the top and bot­tom bor­ders, the solid back­ground, and the diag­o­nal pat­tern (all shades of black). If you are view­ing this on a PC, you might not see the pat­tern, or the top and bot­tom bor­ders. This is the problem.

On the desk­top PC’s here (the prob­lem does not occur on our Dell lap­top, because LCD dis­plays do not gen­er­ally share the same gamma prob­lems as CRT’s) the entire area from top bor­der to bot­tom bor­der (except the white let­ter­ing) looks black. No pat­tern, no dif­fer­ence between the bor­ders and the back­ground. On our Mac’s (some of them cal­i­brated, oth­ers straight out of the box, all CRT) the dif­fer­ence in shades is clearly visible.

The prob­lem is this: when I change the shades so they show up as sub­tle dif­fer­ences on the PC’s, it is so incred­i­bly light on the Mac’s as to make it look stupid.

Aside from any ideas (which are most wel­come), I would like to use you, my val­ued reader, as a test user: please post your review of the above test image in the com­ments of this post, and include your test­ing envi­ron­ment (OS, browser, type of mon­i­tor, color depth, cal­i­brated or not, gamma set­ting if known) and let me know which of the vari­a­tions you pre­fer (or none, if you can­not see the pat­tern at all).

I really appre­ci­ate your help, and if you can assist with an direct solu­tion, I’ll include a com­ment in the final site’s HTML list­ing you as a con­trib­u­tor, and link­ing to your site.

This item was posted by Dan Rubin on Monday, July 21st, 2003.

Categories:

You can follow comments on this item via the RSS 2.0 feed.

Comments are closed.

10 comments on “Gamma Problems”

  1. Posted by zlog on Monday, July 21st, 2003.

    The top right one (75%, 95%) looks best in Win­Moz whereas the bot­tom right one looks bet­ter in WinIE6 — both on XP.

    Hope it helps.

  2. Posted by jeremy on Monday, July 21st, 2003.

    Windows2000, matrox g400 dual out­put, view­sonic g90fb.

    i agree. top right looks the best.

    how­ever, on my 15″ iMac (g4, run­ning osx10.2), the top right image is too bright…hurting my eyes almost look­ing at the text on top of the pattern.

    hope this helps.

  3. Posted by doot on Monday, July 21st, 2003.

    Win2k

    1024x768

    32bit true color

    sam­sung 17″ crt using default color profile

    not cal­i­brated

    Back­ground and bor­der is view­able and looks fine in all images.

    WinXP

    1024x768

    32bit true color

    sam­sung 17″ crt

    cal­i­brated with adobe color thing

    Back­ground and bor­der is view­able and looks fine in all images.

  4. Posted by jeremy on Monday, July 21st, 2003.

    on a side note, in Win­Moz 1.4, at the bot­tom of every page, below the footer, i am see­ing the fol­low­ing error:

    Warn­ing: Unknown mod­i­fier ‘~’ in /Users/drubin/public_html/superfluousbanter/refer/refer.php on line 121

    fyi.

  5. Posted by Dan on Monday, July 21st, 2003.

    Hi Jeremy, that error was caused by some­thing dumb I did :-)

    It should be gone now — thanks!

  6. Posted by Dave S. on Monday, July 21st, 2003.

    No bor­der, and the pat­tern is vir­tu­ally unnot­i­ca­ble in all images. Thanks to my res, no doubt — I can just barely dis­tin­guish pat­tern in the right two images if I squint.

    XP, 1600x1024 on 17″ @ 32bit, Fire­bird and IE, Adobe Gamma con­fig­ured for web profiles

    Solu­tion: Divorce any pre­con­cep­tions that your work will be per­fect across the board, obviously!

    Love this web thing. Love it.

  7. Posted by Dan on Monday, July 21st, 2003.

    Dave:

    That sounds the same as my own find­ings, and yes, I know not to expect iden­ti­cal results across plat­forms — I would just like sim­i­lar results when­ever pos­si­ble, though as long as the end result is just as usable from browser to browser, plat­form to plat­form, I’ll be happy.

    If it ends up that the best solu­tion means some PC users can’t see the pat­tern, then I’ll be OK with that, since it’s just part of the aes­thetic of the site, and not required for usabil­ity (in fact, it won’t affect the user expe­ri­ence at all).

  8. Posted by Sunny on Monday, July 21st, 2003.

    The (75% / 95%) looks the best in WinXP/Firebird.

    The (75% / 100%) looks the best in WinXP/IE6.

    My res­o­lu­tion is 800 x 600. It is a CRT.

    I will post LCD, iMac, once I get to my col­lege tomorrow.

  9. Posted by Dan on Monday, July 21st, 2003.

    It seems like 75% is the favorite for the pat­tern so far, though I agree with Jeremy regard­ing the lighter (75% / 95%) ver­sion look­ing too light on the Mac, espe­cially when using an LCD.

    Sigh.

    Again, this is not really an issue of usabil­ity, rather one of visual appeal and minor UI ele­ments. That said, I really do appre­ci­ate all the help!

  10. Posted by yumpuckers on Saturday, October 25th, 2003.

    why does some of my PHP pages run together when view­ing on older mon­i­tors. thanks ???????????????