CODEWITHSUNDEEP
javaphphtml
user1846240
user1846240

Reputation: 11

how to make icon of a website to put on mobile

I have a fully responsive website so there is no need to have mobile app for the website. However most of my visitors will be access the site from mobile phones and their IT knowledge is limited. I want to create an icon which the visitors can download and put as icon short cut on phone. I know there is a way to create short cut icon on smartphone like bookmark , but most of my users won't know how to do it and it will be difficult for them to follow instructions. Can anyone help? Thanks

Upvotes: 1

Views: 4888

Answers (1)

William Casey
William Casey

Reputation: 312

Across all mobile operating systems, these are the best solutions to my knowledge.

For Apple iOS, according to their documentation, you can add this HTML tag to your page to specify an icon for the user's home screen, if they add it:

<link rel="apple-touch-icon" href="/path/to/icon.png">

You can also set a specific sized icon for screens with a higher resolution:

<link rel="apple-touch-icon" sizes="76x76" href="/path/to/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="/path/to/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="/path/to/touch-icon-ipad-retina.png">

Those same tags should work on Android, though you may have to create a json manifest to set an icon for sure. See here.

For Windows Phone, the solution isn't as clear, though this other post on Stack Overflow might be a good start, at least partly.

Hope this is what you were looking for. Wish you the best.

Upvotes: 4

Related Questions