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)

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

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)

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

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

Featured Threads

Hot Threads This Week

Hot Threads This Month