- If you ARE specifying the URL of the home screen icon in your HTML,
change:<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
to:<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon.png" />
Note that you don’t need to update or touch the image.
- If you’re NOT specifying the icon’s URL in your HTML, then rename the apple-touch-icon.png image file to apple-touch-icon-precomposed.png.
There won’t be many “how to” posts on UX Hero, but this technique is not well known and searches for it don’t yield good results unless you already know to look for “apple-touch-icon-precomposed.png”.
I’m also a favicon fetishist because favicons are how users find you in a sea of browser tabs and bookmarks.