An Apple Icon shows up on an iPhone or iPad when your website is saved as a shortcut or quick link. If you are viewing this site on an iOS device, try clicking the shortcut button (bottom center icon looks like a square with an arrow shooting out the upper right corner) and clicking “save to home screen”.
This will place a quick-link to ainsworthstudio.com and our custom apple icon will appear. If there is no apple icon embedded on a website, the device takes a snapshot of that website and creates an icon from the snapshot – meaning: no branding, missed opportunity.
How-To place an apple icon on your site:
- Design an image to use as your apple icon. Open Photoshop or something similar and create your icon at 57px by 57px wide. Remember that simplicity is key.
- Now upload your image to your own website or a free photo hosting website like Google’s Picasa. Once uploaded, copy the URL for the icon and paste it into a blank microsoft word document or textedit.
- Copy the code below and place it into the <head> section of your website just before the </head> tag.<link href=”[Image URL]” rel=”apple-touch-icon” />
- Replace [Image URL] with the URL that you copied from step 2.