Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member
    Join Date
    Apr 2008
    Location
    Portland, OR
    Posts
    10
    Member #
    16697
    Hello. would like to use gif for a site I am working on but the shadows or gradients come out flat & horrible.
    I am for example, creating a button in illustrator and using drop shadow.
    I have it set for best quality & for all the colors available.
    Could anyone suggest how to solve this problem?
    Thanks

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Don't use a gif for gradients, shadows, or photographs, Save it as a jpg.

  4. #3
    Junior Member
    Join Date
    Apr 2008
    Location
    Portland, OR
    Posts
    10
    Member #
    16697
    But I wanted the transparency. that was the reason for the gif.

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,723
    Member #
    5580
    Liked
    718 times
    You can use PNG,
    but for IE5,6 (and 7?), you have to use a hack to fix their PNG problem.


  6. #5
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    You can use PNG,
    - doesn't that drastically increase the file size?
    I have the same problems with transparent gifs. I'm afraid I just now bear in mind the limitations when designing and don't incorporate shadows etc if I know it's going to mean a transparent gif. jpg seems to be OK.

  7. #6
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Only if you use the original png's with all the extra info in them. You still need to export them as a web png.

  8. #7
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    I've noticed very small size increases when using PNG. And when you're dealing with shadows or gradients you're usually talking about very small images anyway (mostly repeated), so size is rarely an issue.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.

  9. #8
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    jj1, the thing to realize is this for example:

    I use Fireworks for graphics and the file types are png's. Those original png's are loaded with info especially when you have a lot of layers and other effects added to it. That makes the file sizes pretty hefty, 500 to 1000k. So, I need to export them out as a web png which uses only the necessary info to display it on the web, 25 to 100k. You can use them as transparent images, but like msliem said, they are not supported in IE6, and IE7 needs different css settings than Firefox does. Does that clear it up for you?

  10. #9
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    That's because fireworks stores its file structure data in the PNG comments section. As long as they're exported properly, that won't be a problem. Yes, the only main concern is that IE might need PNG hacks - although thats often just one javascript file away.
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:54 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com