I'm pretty happy with it, so if anyone wants to explore their graphic artists side, check out their site.
I wanted to share my creations via a mobile app or maybe a mobile website. And that got my wondering about what size and resolution these cliparts and pictures should be saved at for optimal display and download speed onto a mobile device? Do I need to save different sizes of each picture to display correctly on my motorola cliq and my samsung galaxy tab?
So here's some notes (mainly for my own future reference.
- I found this article about designing for mobile web to be educational in covering the basics. It's written in 2008, so maybe there's new stuff to know about html5 and what not. But I'm sure the basics of mobile web design has not changed. Summary, keep your SIMPLE and LINEAR. Not everyone has a 4G or even a 3G connection =P. http://www.sitepoint.com/designing-for-mobile-web/
- Both android and ios prefers *.png over *.jpg. However, jpegs are much smaller than png. So for web images, stick with jpegs. further information found HERE.
- For android development worry more about screen densities than screen size when it comes to your bitmaps. There are 4 screen densities: low, medium, high and extra-high density.
- To generate these images, you should start with your raw resource in vector format and generate the images for each density using the following size scale:
xhdpi: 2.0hdpi: 1.5mdpi: 1.0 (baseline)ldpi: 0.75- This means that if you generate a 200x200 image for
xhdpidevices, you should generate the same resource in 150x150 forhdpi, 100x100 formdpiand finally a 75x75 image forldpidevices. - Further information found on the android developer website HERE
No comments:
Post a Comment