mbudm.com experiments

Android CSS Backgrounds

Android 2.1 and 2.2 render large images at a very low resolution. This makes the use of large CSS background images for graphical UI elements - often called 'sprites' a problem, because obviously the UI elements need to be rendered sharply

Demonstration

Of course these 'sprites' only have a bit of gfx in them. A real sprite would have lots of UI elements, that may require you to have such a big overall png image. These sprites are both 400px wide.

This is a heading that has a background image from a sprite that is 1400px high

This is a heading that has a background image from a sprite that is 1300px high

The first heading will appear blurry and unreadable if you are viewing this page with an Android 2.1 or 2.2 smart phone. The second heading will be sharp and readable.

Recent articles on mbudm.com