I will let the Bird King represent me for this blog...

A few members may have already noticed the Apple Touch Icons I have created for DSiPaint and TWiiter. For those who have not and for those who are not familiar with the term, I will explain.

As many can tell, this year's redesign changed DSiPaint's interface from mainly text links to several rounded-corner button icons that look similar to an Apple handheld product. These icons are 48x48 pixel PNG images, which fit nicely into 4 columns on the Nintendo DSi screen.

The iPhone and the iPod Touch also have 4 columns of icons, but the screen of each is higher resolution (320px instead of 240px). As of iOS 2.x (4.1 is current), Apple added support for bookmarking a webpage with the option "Add to Homescreen". If the root folder of a website includes the images apple-touch-icon.png or apple-touch-icon-precomposed.png (or metatag referenced to other files), then iOS will use those images instead of webpage thumbnails for the main menu bookmark.

To create such an icon for your own website, make a 57x57 true-color PNG image (or another size to scale to that). If you just have apple-touch-icon.png, iOS will add its signature button dip, sheen, and drop shadow. If you have apple-touch-icon-precomposed.png, it assumes the image should display untouched (as the old DSiPaint one did).

So now DSiPaint, TWiiter, and HB Online Lite, all have shiny new icons for the iPhone, iPod Touch, and iPad. The Android-run products with 2.1+ are supposed to also support the icons. Skunkman and I have been running tests for compatibility on those devices, too.