Skip to main content

Close
Get the best research tool on the web today,and free!
Connect with people with common interests!

saved by36 people, first byCharles Nelson on 2007-05-30, last byPaul-Conrad Meyer on 2008-07-26

  • PNG, GIF, and JPEG



    The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.

  • The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.
  • Punch-out effect
  • Punch-out effect
    Figure
    5-15
    . The PNG mask is layed on top of the photo to created a
    “punched-out” effect.

  • on 2007-05-30 Charles
    "The PNG image has been widely overlooked by the web design
    community—and mostly for good reason. Until recently, it hasn’t been
    possible to take full advantage of the format and have it work reliably
    in all browsers. But, with proper PNG support in Internet Explorer 7,
    and some handy JavaScript and CSS tricks to account for older browsers,
    we can use PNG images to greatly enhance our design vocabulary."
  • on 2007-11-08 Bluecockatoo
    A good reference about the PNG graphics format and what you can do with it in various browsers.