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
0
votes
1 answer

What kind of "effects" does Safari add to apple-touch-icon?

I've been seeing a lot of websites saying that you can disable the effects Safari puts on a apple-touch-icon by adding "-precomposed" to the end. What "effects" exactly does Safari add to the icon?
Lando
  • 2,288
  • 8
  • 33
  • 46
0
votes
1 answer

iOS bookmark showing favicon instead of apple-touch-icon

Can someone tell me more about how iOS prioritizes bookmark icon display and if it's possible to show an icon that's different than the favicon? Thanks
Benlov
  • 45
  • 8
0
votes
1 answer

Apple Touch Icon (Homescreen icon) for iPhone 7?

I would like to provide a custum Homescreen Icon for iPhone devices. This is the code I have after my -Tag:
TSM
  • 189
  • 2
  • 9
0
votes
2 answers

My Sites Have Been Shut Down for Apple-touch-icon.png requests?

My host (hostgator) has shut down my websites for what they say is CPU overusage. I'm using wordpress. I've added nothing new, but in their logs I see that there are hundreds of requests for various forms of apple-touch-icon.png. Example:…
John Morgan
  • 47
  • 1
  • 1
  • 4
0
votes
0 answers

Web site icons always show the "Bootstrap" icon in Safari

I have a site built with Bootstrap 3. I have created all the formats of favicons and apple-touch-icons:
Steve
  • 14,401
  • 35
  • 125
  • 230
0
votes
1 answer

Web Clip/Apple Touch Icon display issues

I'm having difficulty getting an apple touch icon to work consistently on some devices. The devices with issues are typically iPhones and I believe they are 6S's. My icons are setup like this:
Jason Eades
  • 1,547
  • 5
  • 16
  • 31
0
votes
1 answer

How to get 'apple-touch-icon from URL?

I am developing an iOS app in which user can bookmark the websites and later they can view it by tapping Apple-Touch-Icon (Its completely similar to iOS safari app). Here my question is how to get/parse the Apple-Touch-Icon from a URL? there are so…
thavasidurai
  • 1,972
  • 1
  • 26
  • 51
0
votes
2 answers

Recognize "apple-touch-icon" with htaccess password protection

The question: How can I use a custom iPhone home screen icon while securing my website with .htaccess? The setup: PHP PaaS Rudimentary password protection using .htaccess and .htpasswd Simple website built using Wikitten The problem: I would like…
0
votes
1 answer

Incorrect apple-touch-icon is being loading

This code, put in the head element, loads the 120px icon on my iPhone 6 Plus when I go to add the site to the home screen, even though the Apple documentation says that shouldn't be the case.
Marcus McLean
  • 1,306
  • 2
  • 13
  • 24
0
votes
1 answer

How to get favicon icon/ Apple-touch icon and title of a web page using Javascript or Jquery?

I can insert a whole web page in a div or an IFrame as: But I need only icon and title for Iframe. I have no idea how to get only these items favicon icon /…
user3610792
  • 61
  • 4
  • 14
0
votes
1 answer

apple touch icon/home screen icon click event for web app

I want to run a piece of javascript code when apple touch icon/home screen icon of my web app is clicked ,how can i get the click event for this? Thanks
0
votes
1 answer

WebClip icon not working on home screen

I know, this is not a new technique and this question has bee asked a few times in different variations. But none of them (nor googling) could help me fixing my problem. I'm using the following links:
Julian F. Weinert
  • 7,474
  • 7
  • 59
  • 107
0
votes
1 answer

Can't get Apple-touch-icon (webclip for bookmarks) to work on Wordpress site

so I can't for the life of me get the apple-touch-icons working on my Wordpress site. I'm on WP 3.7.1, and I'm also using BPS Security and WP Super Cache (just in case those might have anything to do with it), plus I'm on a Hostgator hatchling…
djoliverm
  • 355
  • 1
  • 3
  • 11
0
votes
1 answer

How to remove apple-touch-icon-precomposed.png error

I am getting this warning into drupal6 recent log (page not found Aug 29 apple-touch-icon.png Anonymous (not verified)) (page not found Aug 29 apple-touch-icon-precomposed.png Anonymous (not verified)).. How to remove this…
3lok
  • 1
  • 2
0
votes
2 answers

What is causing apple-touch-icon.png 404 on android tablet

So, on an android tablet I'm getting a 404() for site/apple-touch-icon.png. Which, the 404 makes sense because no such file exists. But what's more, that file is referenced no where in the markup. I understand that apparently this icon can be…
dgeare
  • 2,618
  • 5
  • 18
  • 28