Good evening everyone,
I have got a problem with creating an apple-touch-icon.
My code looks like this:
<link rel="apple-touch-icon" sizes="57x57" href="http://.../MyWebsite/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://.../MyWebsite/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="http://.../MyWebsite/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://.../MyWebsite/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="http://.../MyWebsite/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="http://.../MyWebsite/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="http://.../MyWebsite/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="http://.../MyWebsite/apple-touch-icon-180x180.png" />But it does not work. I also included all the png files into the root direcrory, no success.
This
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">also should not have anything to do with it, or am I wrong here?
If I am creating a webpage link, it always displays a screenshot of the site.
EDIT:
I now changed the filenames into touch-icon-***x***.png, but it still does not work. (From "apple-touch-icon-***x***.png" into "touch-icon-***x***.png").
Thanks for helping me!
Kind regards