I have used below lines of code to populate the Add to home screen icon but it still gives an image of the entire page while clicking on add to home screen icon.
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"/>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"/>
I am sure the path to this images are correct.
I have tried almost every solution available on internet including this website but don't seem to get it working. Please let me know in case if any other information needs to be provided.
Any points of assistance would be of immense help.
I could not populate the image in Add to Home Screen option due to https certificate issue.Though i could browse the images using the path of the image but surprisingly it did not populate the home screen image on ipad.
Would like to get few answers on how to debug on safari browser from within the ipad.
I added a new certificate for the device and the add to home screen icon image started appearing as intended.