Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

GIFs with Transparency - small screen ugliness

handheld web access will require a change of method

6:43 pm on Dec 24, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
votes: 0

With the projected growth of handheld devices accessing the web, it's a good idea to see what those small screens do to our graphics. The new Opera 7.0 beta makes this easy - there's a toggle under "View" for small screen display. Since Opera is a commonly embedded small screen browser, this makes a lot of sense as a reference tool.

I've already made some changes based on what I see there. The biggest issue is GIF graphics with transparent backgrounds.

In order to squeeze the page elements onto a small screen, the browser often just stacks things up in the order they appear in the HTML. This method often ignores the background colors that a transparent image was designed for - leaving a fuzzy, odd looking mess.

The reasons for creating those transparent backgrounds hinged on bad color matching in browsers - something that newer hardware and software has dealt with rather well. So I decided to change those transparent gifs to a true background color.

If someone still sees a square outline around the image, so be it. At least the image communicates - and now it does so on a small screen PDA or mobile phone as well as a regular monitor.

Just getting ready for what tomorrow may bring.

6:26 pm on Dec 28, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 20, 2002
votes: 0

Thats a great tip tedster. Graphic design will be changing, and staying on top of the new technics will help us stay competitive.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members