Visitors to your website can bookmark your page, but they can also in Safari add a 'webclip' - a link to your website on to their home page, making your site appear like an app.
Now if you don't have a special iOS icon set on your webpage, the icon will just end up looking crappy and like a screen shot of your webpage.
All you need to do is get a image, your logo, or whatever that you want to use. Your icons' dimension should be about no less than 128 x 128 / 512 x 512 pixels for a higher quality icon, and saved as a .png file.
Then add the code below to your site in the 'Head' section:
<link href="/YOUR_ ICON_URL.png" rel="apple-touch-icon">
To add a Touch icon without the Apple icon "gloss", add this code:
<link rel="apple-touch-icon-precomposed" href="/YOUR_ ICON_URL.png" />
And to add a webpage on to your iOS devices home screen, go to the webpage in Safari, click the 'action' button (square with arrow), and press 'Add to Home Screen'.
Tidak ada komentar:
Posting Komentar