Stack Overflow
Stack Overflow

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
281
votes
12 answers

Why am I getting error for apple-touch-icon-precomposed.png

I have created a new rails3 project but I am seeing following logs many times in my server logs. Why I am getting these request and how can I avoid these? Started GET "/apple-touch-icon-precomposed.png" for 192.168.6.2 at 2012-09-18 20:03:53…
Akash Agrawal
  • 4,711
  • 5
  • 28
  • 26
117
votes
5 answers

Favicons - Best practices

Updated question: What is considered best practise when creating favicons in 2022? This is the original question asked back in 2013: I'm trying to get my head around all these different sizes and formats that are needed for Favicons, Touch icons…
Leon
  • 1,478
  • 3
  • 16
  • 20
105
votes
9 answers

Apple Touch icon for websites

Up to now, I've been including the line for the Apple Touch icon in my head like this: However, in the Q&A "What are the correct pixel dimensions for an apple-touch-icon?" it is stated in…
J82
  • 1,657
  • 4
  • 16
  • 18
73
votes
7 answers

What are the correct pixel dimensions for an apple-touch-icon?

I'm not sure what the correct size should be. Many sites seem to repeat that the apple-touch-icon should be 57x57 pixels but cite a broken link as their source. Hanselman's and playgroundblues's comments suggest different sizes including 163x163 and…
Zack Peterson
  • 56,055
  • 78
  • 209
  • 280
34
votes
7 answers

Apple touch icon isn't showing up on the home screen

I'm using the following code to get touch icons for mobile devices - it's based on the html5boilerplate/mobile example:
gpr
  • 959
  • 1
  • 10
  • 23
31
votes
1 answer

apple touch icon svg support

Is it possible (or soon supported) to replace all touch-icon's with a single SVG? So, instead of;
Robert Lidberg
  • 313
  • 3
  • 5
31
votes
1 answer

How do I give my websites an icon for iPhone?

How do I set the icon that appears proper on the iPhone for the websites I have created?
Zack Peterson
  • 56,055
  • 78
  • 209
  • 280
29
votes
1 answer

Keep getting 404's for apple-touch-icon.png

We keep getting 404's for the following two files: /apple-touch-icon-precomposed.png: 685 Time(s) /apple-touch-icon.png: 523 Time(s) I have been scouring my mobile website archive for the culprit to this 404, and there is no place in my code that…
robabby
  • 2,160
  • 6
  • 32
  • 47
10
votes
2 answers

"apple-touch-icon-precomposed" is not a real value for the rel attribute?

Why do people (h5bp, Mathias Bynens) say to use a element? Apple's documentation on this makes no mention of apple-touch-icon-precomposed as a value for the rel attribute. Apple's docs say this about…
Web_Designer
  • 72,308
  • 93
  • 206
  • 262
9
votes
1 answer

Any reason to not do a 301 on favicon.ico, apple-touch-icon, and robots.txt?

I would like to redirect requests for these resources to my CDN. Is there any reason to not do this?
John Bachir
  • 22,495
  • 29
  • 154
  • 227
8
votes
2 answers

Any problems with favicons in a subfolder?

Could there be any problems moving favicons and apple touch icons to a subfolder? Like:
Tony Camaiani
  • 105
  • 1
  • 6
8
votes
1 answer

iOS icon for Add to Home Screen turns black

I'm not terribly familiar with the code to add icons for iOS (and Android) when you select "Add to Home Screen", but I used the following, based on what I read:
amglori
  • 175
  • 1
  • 9
8
votes
3 answers

Apple Touch Icon Turns Black

The white background in my apple touch icon turns black?? My white background isn't transparent. The icon has a white triangle, red circle and black text. The only thing I can make out is the white triangle and red circle. Any idea whats causing…
gstricklind
  • 464
  • 2
  • 6
  • 17
7
votes
2 answers

Gatsby - Prevent small images from being inlined as a data URI

I'm attempting to provide images for each of the apple-touch-icon sizes in my head tag. I'm doing this like so: // not shown: import all image files: logo57, logo76, etc
Patrick Goley
  • 5,397
  • 22
  • 42
7
votes
1 answer

Checking apple touch icon

I've just set up an apple touch icon link and image for a website and I'd like to check whether or not it works. Without an iDevice I'm struggling to perform this test. Does anyone know of a tool that can be used to perform this test?
Rob Forrest
  • 7,329
  • 7
  • 52
  • 69
1
2 3 4 5 6