Launch icons and splash screens for iOS using Intel XDK

Developing apps for Smart Phones requires creating a large number of images necessary for the icons and the splash screens of the app. The device foot prints now range from the smallest to the largest, not to mention the iPads, both mini and maxi. Add to this the operating systems, and you need really a large number of the images.

I am planning to create an app, a simple one for starters and I found out that just for iPhone with iOS oprating system you need this many images for icons and splash screens that address all the present devices:

Launch Icons
Settings icon  29x29px (png)
Settings icon 2x 58x58px
Settings icon 3x 87x87px
iPhone App  60x60px
iPhone 2x  120x120px
iPhone 3x  180x180x
iPad App  76x76px
iPad App 2x  152x152px
Spotlight icon  40x40px
Spotlight icon 2x 80x80px
iPhone App   57x57px
iPhone App 2x  114x114px
Spotlight icon  50x50px
Spotlight icon2x 100x100px

Splash Screens
750x1334px
1242x2208px
640x1136px
640x960px
320x480px
1536x2048px
768x1024px

In this post I am just looking at icons for iPhones.

I  manually created a 512x512 image with extension .png (24bit depth) using Paint.Net to create the various images. It was time consuming but it can be done.

However, I found out through the Intel XDK forum that there are easier ways to do this. With this link, I found out  I could create all the needed images in one shot. All I provided was a 1024x1024 pixel image in PNG format.

http://apetools.webprofusion.com/tools/imagegorilla

Perhaps you should check this one out.

Read more about images you need for an app using Intel XDK tool:
https://software.intel.com/en-us/videos/part-8-of-12-images

Comments

Post a Comment

Popular posts from this blog

Apps with Mobile Roadie, the one-stop platform

Image
MobileRoadie is the platform to build mobile apps with rich features. It is also one-stop, build, manage, design and engage. It supports all media, photos, video and audio. The text color in the picture may not show you the logo clearly! Here are features taken from Mobile Roadie site . Using Photos: Upload your photos manually, or automatically pull in your photos from an RSS feed, Flickr account, Instagram account or hashtag, Mobypicture, Picasa, Twitpic, or Facebook Fan Page profile photos. Users will see your photos in a grid layout of your choosing, and can even play a slideshow of your photos. Embed news: Add news posts manually, or import automatically via RSS feed, Twitter account, or Google News keywords.     Each item has artwork, title, date & time, and HTML story content. FAN Wall:     Import your past and upcoming events from Artistdata, Bandsintown, Songkick, Plancast, Ticketmob, SonicLiving, Eventbrite, or add them manually.     Your u
Read more

Towards cross-platform development..

There are lots and lots of Apps. In fact there are over a couple of million Apps including all of the major brands, Apple, Google, Blackberry, Microsoft with Apple at the top and Microsoft in the bottom. But this is a growing market. The variety is truly bewildering, different size devices; different operating systems(OS); different programming languages;  and different orientations. This post is not very recent but you can see how the various mobile operating systems compare: http://www.ibtimes.com/android-vs-ios-whats-most-popular-mobile-operating-system-your-country-1464892 The interactive image in the article really shows the popularity of a given OS/device among different geographical regions. Windows Phone Apps is for example based on Microsoft's Window 7, 8, 8.1 OSs using .NET. With Windows OS and Visual Studio one can build Apps for all of Microsoft devices covering Phone, Tablet and Desktop. However Microsoft Windows Apps sans Html5/CSS/Javascript is OS specific. E
Read more

Event Code: UI design with XAML in Visual Studio 2017 - 2

Image
I assume you have followed me with this post here: http://hodentekhelp.blogspot.com/2017/12/how-do-i-configure-button-in-xaml.html After reading the above you will see that you start with an empty project whose code is shown here: WinPhoneStep1 In the final step you will have achieved this: WinPhoneStep11 This project when deployed will just show a button as in the above and nothing more: WinPhoneStep13 Writing code for a click event of this button. Let us first give a name for this button, like ClickMe . When you highlight the button in the design by clicking it, the Property pane opens where you can write the name you want as shown. winPhoneStep20 In the XAML code the Button gets a qualifier x:Name="ClickMe" as shown here: Now enter the Click event to the code by just enter "cl" after a space as shown and the intellisense kicks-in showing your options as shown. winPhoneStep22.png You pi
Read more