Questions tagged [apple-touch-icon]

`apple-touch-icon` is an iOS-specific custom kind of icon which users can display on their Home screens using the `Web Clip` feature

apple-touch-icon is an iOS-specific custom kind of icon which users can display on their Home screens using the Web Clip feature.

The icon file referenced by apple-touch-icon is modified to add rounded corners, drop shadow, and reflective shine. Alternatively, an apple-touch-icon-precomposed icon may be provided to instruct devices not to apply reflective shine on the image.

79 questions
6
votes
3 answers

Why won't this apple-touch-icon work?

I have the following code in my website: When I view the source in Firefox and click the href attribute the icon shows (so its not a 404 error). When the code is…
Tom
  • 950
  • 3
  • 15
  • 27
5
votes
1 answer

Apple iPhone/iPodTouch Web Clip Icon Sizes

On Apple iPhones and iPod Touches, you specify a link to an icon file like so: ...but on this page, it recommends that you specify two different sizes of icon, one for iPhone < 4 and…
user527892
5
votes
2 answers

Add to Home Screen icon not populating on Ipad with ios 9.1 on safari browser

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.
Jignesh Rawal
  • 521
  • 6
  • 17
4
votes
1 answer

Tracking traffic from mobile devices' home screen in Google Analytics

Does anyone know if it's possible to track website traffic coming specifically from a home screen icon on an Apple device? E.g. when I specify the following HTML I can obviously control the image that appears when the user adds a shortcut on their…
Tia
  • 41
  • 2
4
votes
2 answers

Are apple-touch-icons always loaded by the browser?

I suppose the answer to this question is a big NO, but, just to be sure, I ask here: Are icons like
MarcoS
  • 17,323
  • 24
  • 96
  • 174
4
votes
1 answer

Combinging "icon" and "apple-touch-icon" link types

Mobile Safari requires the use of the following incantation for favicons of a higher resolution than the traditional 16x16:
mavit
  • 619
  • 6
  • 13
4
votes
1 answer

apple touch icon not working on secure domain

I wonder if anyone can help, i'm setting up apple touch icons and they all work perfectly (even on https domains) however for my companies intranet site, which uses a client certificate and secure.domain it's not working, could you please point me…
Rachel
  • 235
  • 4
  • 11
3
votes
0 answers

Apple Touch Icon not loading (Web Clip / Safari Bookmark, Reading List & Favourites Icon)

Problem I can't get the Apple Touch Icon to work for my Wordpress website. Meaning the Icons that normally appear when you "Add to Reading List", "Add to Favourites" and "Add to Homescreen" in Safari all don't show up and only show the default. The…
3
votes
0 answers

Prefetch apple-touch-icon before adding to home screen

Before adding a Web App to the home screen, a popup comes up to confirm the PWA's (Progressive Web App) name and icon. Initially, the icon displays as a screenshot of the current page. When the image finally loads, the icon here...
user2993497
  • 525
  • 1
  • 7
  • 21
3
votes
0 answers

apple-touch-icon change icon only after restarting iPhone

I have web application which works in standalone mode (launched from home screen) on devices. What I need is when the icon was changed it would be changed on my device. So on the page i have:
Tatyana
  • 231
  • 1
  • 5
  • 15
3
votes
1 answer

Apple add icon to home screen open in Safari only

I have created numerous resolutions of apple-touch-iconfor my website. This means when someone adds my website to their Apple device Home Screen it has that icon. However when you click the icon it opens in a standalone window, rather than in the…
Callum Watkins
  • 2,844
  • 4
  • 29
  • 49
3
votes
1 answer

WKWebView/UIWebView get website icon

How can I get the apple-touch-icon or logo of the website using WKWebView or UIWebView? I've read that getting a favicon is possible, however I plan on using the website's logo as a short cut like in iOS Safari and a favicon is too small for it. Is…
SleepNot
  • 2,982
  • 10
  • 43
  • 72
3
votes
1 answer

Apple Web Clips (Apple Touch Icons) not working for site with HTTPS

I'm having difficulty getting the Apple Touch Icon to show up for the "Add Bookmark" feature in Safari when I have HTTPS enabled for the site. I can get it working with the "Add to Home" option, so I'm not sure if a different call is being made for…
mnd
  • 2,709
  • 3
  • 27
  • 48
3
votes
3 answers

What does it mean when the apple-touch-icon.png was requested

I know what the apple touch icon is, and I have seen an apple desktop before, so I can imagine what it would look like. I also know how to add an apple touch icon to my site. But here's the burning question: I keep getting (failed) requests for this…
oliver_siegel
  • 1,666
  • 3
  • 22
  • 37
3
votes
0 answers

apple-touch-icon web app home screen icon for BlackBerry PlayBook?

Is there an equivilant to for the BlackBerry PlayBook? I would like to show a custom icon when users add my web application to their home screen. The application is purely web-based (not WebWorks), so there is no code…
quietmint
  • 13,885
  • 6
  • 48
  • 73