Posted on by admin

How to create an iPhone/iPad/iOS Home Screen icon for your website

by Zach
by Zach in osx, mac, apple, webdesign, favicon, ios, iphone, ipad | 5 min

When somebody bookmarks your website on their iPhone or iPad, you probably want your website’s logo to appear as the bookmark icon. Similar to application icons, your users will identify this icon immediately and can use it to launch your website.

1Create your icon

Create your icon using your image editing program of choice. The icon should be 512px X 512px. This size allows for the icon to be used on Retina display devices and will automatically scale down for use on older iPhones with lower resolution screens. You do not need to round the corners of the icon; iOS automatically rounds the corners and gives it a button-like appearance.

Create your icon

2Save your icon

Save the icon as a PNG in the root directory of your website using the filename apple-touch-icon.png. iOS will take it from there!

Now learn about:

How to enable the web inspector in Safari on iOS 8

by Sam in ios, webdev

Check ATT data usage via text

by Zach in iphone, att, wireless

How to change the HipChat notification sound

by Zach in osx, windows, hipchat

Discuss this guide

var disqus_shortname = ‘howchootest’; (function() { var dsq = document.createElement(‘script’); dsq.type = ‘text/javascript’; dsq.async = true; dsq.src = ‘//’ + disqus_shortname + ‘.disqus.com/embed.js’; (document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(dsq); })();

How to enable the web inspector in Safari on iOS 8

by Sam in ios, webdev

Check ATT data usage via text

by Zach in iphone, att, wireless

How to change the HipChat notification sound

by Zach in osx, windows, hipchat

Join Us

©2014 howchoo.com | About your privacy | Sitemap

Leave a Reply

Your email address will not be published. Required fields are marked *

Follow @howchoo and learn cool things!