SitePoint Sponsor

User Tag List

Results 1 to 20 of 20
  1. #1
    Technically, a bit dim macdan's Avatar
    Join Date
    Feb 2001
    Location
    London
    Posts
    344
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is driving me round the bend.

    I've set a bgcolor of #99cc00 on a page and have created some gifs with that colour in them as a background - problem is that there is a slight difference when I put them on the html background - a tiny bit darker. I don't realy understand why because the colour I've used in creating them is exactly the same.

    Does anyone know why this is - can I optimise in any way to avoid this?

    Thanks for any help
    gorillaweb is a small London based digital design agency.

  2. #2
    SitePoint Guru sowen's Avatar
    Join Date
    Feb 2001
    Location
    Stockport, UK
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Which graphics program are you using? If it gives you an option of apply icc profile use it.

  3. #3
    Technically, a bit dim macdan's Avatar
    Join Date
    Feb 2001
    Location
    London
    Posts
    344
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sowen - I've been using image ready. I've noticed something - if the saved image just contains the background (#99cc00) it is exactly the same as the html background. However if the image has the background together with for example some white text, the colour mismatch occurs between the backgrounds.

    Not quite quite sure how to apply ICC profile in Image Ready, it's for a gif?

    Thanks for your help.
    gorillaweb is a small London based digital design agency.

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sowen...

    ICC would only be fpr Print wouldn't it?


    MacDan...have you tried making the GIF transparent? That would solve your problem.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    SitePoint Guru sowen's Avatar
    Join Date
    Feb 2001
    Location
    Stockport, UK
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    creole,

    Yep it should be but I was having the same sort of problem ages ago (exporting from CorelDraw) and using ICC worked - don't know why.

  6. #6
    Happy Holidays !! Paul S's Avatar
    Join Date
    Mar 2001
    Location
    Mexico
    Posts
    1,287
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    macdan,

    I guess you are using Windows OS, if that's true what is the color depth of your graphic card? And which browser are you using?

  7. #7
    SitePoint Zealot honging's Avatar
    Join Date
    Jan 2001
    Location
    Chapel Hill, NC
    Posts
    160
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had this exact same problem on my old computer with Photoshop. Turns out I wasn't setting enough colors when I exported the image. Try boosting the number of colors, maybe that'll help - it worked for me...

  8. #8
    SitePoint Addict
    Join Date
    Apr 2001
    Location
    Nottingham, England.
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by macdan
    I've set a bgcolor of #99cc00 on a page and have created some gifs with that colour in them as a background - problem is that there is a slight difference when I put them on the html background - a tiny bit darker. I don't realy understand why because the colour I've used in creating them is exactly the same.
    Sometimes I would create a 1px gif with the background of my optimised image as the colour and load it as the background of the page. That way, this problem can be avoided.
    Absence of evidence is not evidence of absence.

  9. #9
    ********* Callithumpian silver trophy freakysid's Avatar
    Join Date
    Jun 2000
    Location
    Sydney, Australia
    Posts
    3,798
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey - I don't really know much about images and the web - so I'm talking through my hat here - but it could be that you are saving that gif using adobe's "perceptive" color palate option - and that might be tinkering a little with the background color to optomise the gif pallate ?!?!? As someone suggested, making tha background transparent is the giddy-up-and-go!

  10. #10
    Technically, a bit dim macdan's Avatar
    Join Date
    Feb 2001
    Location
    London
    Posts
    344
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had this exact same problem on my old computer with Photoshop. Turns out I wasn't setting enough colors when I exported the image. Try boosting the number of colors, maybe that'll help - it worked for me...
    Honging
    That's the weird thing - if I output one gif which is just background the only colour set is the indexed colour. If I then output another gif with some text on the background, I choose 16 colours for output (one of them being the indexed one) and the result is that the two gif backgrounds are different.

    Paul S
    I'm using IE5.5 and a decent graphics card

    paroxysm
    that sounds like a good idea! I find that transparent gifs can look a little jagged sometimes.

    Thanks for your help
    gorillaweb is a small London based digital design agency.

  11. #11
    One website at a time mmj's Avatar
    Join Date
    Feb 2001
    Location
    Melbourne Australia
    Posts
    6,282
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi there.


    It seems that the graphics program you are using covert to palettised image, takes the colour palette from a median-cut based averaging system. This is only a wild guess, don't quote me.

    Try to convert it to 16 colours using a different algorithm for finding the colours. If your graphics program won't let you do this, then convert it to 16 colours and then actually edit the palette manually (paroxysm suggested getting it from a 1x1 image) to convert the colour back to the exact value you want it.

    If you are still having problems, and you are viewing it on a 16-bit/15-bit/hicolour graphics mode, then let us know.
    [mmj] My magic jigsaw
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    The Bit Depth Blog Twitter Contact me
    Neon Javascript Framework Jokes Android stuff

  12. #12
    Net Senior Citizen tommatthews's Avatar
    Join Date
    Apr 2001
    Location
    Sydney Australia
    Posts
    869
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think your safest option is to make the background of your image transparent. This way your image looks good even if people are viewing your web site with lesser display cards.


    affordable website design

    :: sydney australia ::

  13. #13
    ********* Callithumpian silver trophy freakysid's Avatar
    Join Date
    Jun 2000
    Location
    Sydney, Australia
    Posts
    3,798
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you create the image with a background colour that approximates the background colour of the page - then select the background to be transparent in ImageReady - you should not have the jaggered edges problem.

  14. #14
    Happy Holidays !! Paul S's Avatar
    Join Date
    Mar 2001
    Location
    Mexico
    Posts
    1,287
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by mmj
    If you are still having problems, and you are viewing it on a 16-bit/15-bit/hicolour graphics mode, then let us know.
    macdan,

    as mmj that kind of problem occurs when you are working with a 16-bit/15-bit depth color (This is not a bug, is how colors are stored in video memory). But it's weird, I only have this problem usign Netscape 4.X, IE 5.5 matches all the colors.
    Try with 24 bit color depth (true color).

    To avoid this, I always use transparent gif with background color similar.

  15. #15
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by freakysid
    If you create the image with a background colour that approximates the background colour of the page - then select the background to be transparent in ImageReady - you should not have the jaggered edges problem.
    Sid...

    Technically you WILL still have the jagged edge problem. It's just that if you do it properly the edges won't be perceptable because you will have created your transparency over the proper color.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  16. #16
    ********* Callithumpian silver trophy freakysid's Avatar
    Join Date
    Jun 2000
    Location
    Sydney, Australia
    Posts
    3,798
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    An imperceptable problem - that's either a tautology or an existentialist dilema

  17. #17
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    achoo...

    or something along the lines of "If a GIF is transparent over the proper background color is it really transparent?"
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  18. #18
    SitePoint Wizard wdmny's Avatar
    Join Date
    Jul 2000
    Location
    Here
    Posts
    1,010
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The problem is that when exported to GIF, color is lost becuase of diffussion. What you should do is after making it Index Color, edit the color table, then select the color that shows as the background and change it to match the RGB values of the color you want.

  19. #19
    SitePoint Member
    Join Date
    Feb 2001
    Location
    New Zealand
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Reply...

    Compressing the image into *gif's or *.jpg's can sometimes change the colour slightly.

  20. #20
    One website at a time mmj's Avatar
    Join Date
    Feb 2001
    Location
    Melbourne Australia
    Posts
    6,282
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    By "diffusion" Wes means "dithering".

    Also, it really depends on the way you do it. GIFs are not even closely related to JPEGs, and the way they store colour is totally unrelated.

    Sticking to GIFs, Wes' hint is quite handy.

    Sid's would be the ideal way of doing it, and the way that I have always used.
    [mmj] My magic jigsaw
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    The Bit Depth Blog Twitter Contact me
    Neon Javascript Framework Jokes Android stuff


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •