Help with apple-touch-icon
Hello. I have a website and I have apple-touch-icon.png for Apple devices. My icon is:
- 180x180 PNG image without transparency;
- Located on root directory of website (available via /apple-touch-icon.png).
Some time ago I switched my website to Server-Side Rendering (SSR). And now my apple-touch-icon not showing in bookmarks (only on home screen as web app).
I spent a lot of time to find errors. I'd trying to:
- Change icon location and name;
- Change icon to another image;
- Add more apple-touch-icon with sizes attribute;
- Add more sizes for other icons, favicons;
- Check icon via online favicon checkers (they are report me that all is good);
- Manipulate with website and webserver (nginx) config;
- Check all requests via Charles proxy (icon is found, but not showing);
- Check on another devices: iPhone 8 and iPhone SE with iOS 13. And on iPad with iOS 12.
But I couldn’t get apple-touch-icon in bookmarks. Yesterday I found website with the similar trouble:
- https://hn-spa.nuxtjs.org
- https://hn.nuxtjs.org
Both websites are similar. But #1 working as Signel-Page Application. #2 working similar to my website.
And #1 have an icon when I'm trying to save it to the bookmarks (screenshot). #2 haven't icon (screenshot). I can't understand why.
My question: how can I show apple-touch-icon in bookmarks?
P.S. I'm always use "Clear History and Data" in settings. And always trying to repeat adding multiple times.
[Edited by Moderator]