Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Repeated Requests for apple-touch-icon-precomposed.png with apple-touch-icon set in head

Tags:

html

android

I've set paths for my apple-touch-icon files in the head of my page:

<link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">

but every so often I get a batch (more than five at a time) of requests for /apple-touch-icon-precomposed.png from Android users. Is this normal behavior and how do I get it to stop? I know I can add the file but I don't want to have to create a new version of the files and hope I get the same effects.

Update We've recently been seeing requests for apple-touch-icon-144x144.png and I haven't found anything online that explains why we would need that (we added it anyways).

like image 527
Scott Keck-Warren Avatar asked Oct 31 '12 13:10

Scott Keck-Warren


People also ask

What is Apple touch icon Precomposed?

Updated: 08/02/2020 by Computer Hope. Similar to the Favicon, the Apple touch icon or apple-touch-icon. png is a file used for a web page icon on the Apple iPhone, iPod Touch, and iPad.

How do I use apple touch icon?

When iOS Safari users add Progressive Web Apps (PWAs) to their home screens, the icon that appears is called the Apple touch icon. You can specify what icon your app should use by including a <link rel="apple-touch-icon" href="/example. png"> tag in the <head> of your page.

What are touch icons?

A touch icon is an image that is displayed for your website on mobile devices if visitors save your site as a bookmark or add it to their home screens. A touch icon makes it easier for your visitors to find your website in the bookmarks list.

What is HTML apple touch icon?

This icon is used when someone adds your web page as a bookmark. For multiple icons with different device resolutions like iPhone or iPad, add sizes attribute to each link element as follows − <link rel = "apple-touch-icon" href = "touch-icon-iphone.png">


1 Answers

See http://www.ravelrumba.com/blog/android-apple-touch-icon/

'... Android 2.1 ... will only use the icon if you link to it with a rel value of “apple-touch-icon-precomposed”.'

So it seems to be 'normal' (doesn't work with the non-precomposed version).

Also see http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14

Size for high-resolution iPad: 144 x 144

like image 128
user1989464 Avatar answered Nov 16 '22 02:11

user1989464