Screen size differences
Now, in most cases, the completely different screen sizes can be handled using the platform screen size .minW
or minH
qualifiers so that you can build a custom layout when you are dealing with tablets versus a phone-sized device. Unfortunately, this is not always the case for any image you might want to show. In this case, you have to do a bit of manual work. Each image has a set resolution. The larger the resolution of the image, the more memory it takes, but on higher resolution devices, images obviously look much better. You can deal with images in one of the following three ways to try and make your application look the best on all devices.
Fonts
The first is the way we did in crossCommunicator
. We used an icon font that has all the images we needed as a font character. Fonts are scalable, so irrespective of the resolution of the screen, the font renders and looks really nice. To make an even smaller font file, there are several websites, such as http://icomoon...