About design and nearby

ASPNET MVC: Getting rid of ‘Apple touch icon’ errors

Posted: July 20th, 2017 | Author: | Filed under: Development | Tags: , , | 1 Comment »

‘Touch icons’ are the favicons for mobile devices. Adding them to your web page is easy:

  1. <link rel="apple-touch-icon" href="apple-touch-icon.png">

It’s possible to use one high-resolution icon for all devices. Devices with smaller screens or lower display resolutions automatically resize the icon. If no icons are specified in the HTML, iOS will search the website’s root directory for icons with the apple-touch-icon or apple-touch-icon-precomposed prefix.

So if you do not include this icon at all, you can get such error message in web log file:
‘The controller for path ‘/apple-touch-icon.png’ could not be found’.

What you should do to fix that is create and add those images (I produce apple-touch-icon.png and apple-touch-icon-precomposed.png, 180*180 px, usually). This will improve your user experience also – if a user added your website on his home screen, he got your nice predefined icon (a thumbnail screenshot of the page will be used, if you haven’t provided a custom touch icon).

Share Button

Check Related Posts:

One Comment on “ASPNET MVC: Getting rid of ‘Apple touch icon’ errors”

  1. 1 Payam Jian said at 6:34 am on September 15th, 2017:
    Reply  |  Quote

    Thanks for this post. I started to do some projects in ASP.net and mobile apps and I will use your advice in my applications.

Leave a Reply

  • 5 + = ten

Looking for a Freelance UX & UI designer for your project? I’m ready to jump onboard!

Let's discuss your project now