In the image below, the iPhone app icon in the upper-right corner is for an app named Mini-Me, which is an HTML web app that I'm currently creating: Here's an example of what an iPhone app icon (home screen icon) looks like. If no sizes attribute is set, the element’s size defaults to 57 x 57.įor more information, here's a link to Apple's developer documentation on configuring web applications. The icon that is the most appropriate size for the device is used. To specify multiple icons for different device resolutions-for example, support both iPhone and iPad devices-add a sizes attribute to each link element. Here are two blurbs from their documentation page: If you prefer a little more control of your app icon size, Apple's documentation shows the following examples: Older iPhones used 56x56 pixel icons (or possibly 57x57), and the iPad uses a 72x72 pixel icon, and the image you supply will be scaled down and work on all of these devices. To support the higher-resolution iPhone 4, your iPhone app icon should be a 114 by 114 pixel icon. This HTML link tag with the apple-touch-icon in the REL field tells the iPhone Mobile Safari browser to use this icon as the app icon for your web app. Here's the syntax that lets you add an iPhone app icon to your web app: The iPhone Mobile Safari web browser recognizes a special HTML tag that lets you add an iPhone app icon to your HTML application. IPhone HTML app icon FAQ: I'm creating an iPhone HTML web app, and I want users to be able to save my HTML app icon to their iPhone home screen how can I add a custom iPhone app icon to my web application?
0 Comments
Leave a Reply. |