+ 2

Webpage icon

How can I set the icon which will show up on a person's screen when he or she add a shortcut to the page at initial screen in the cell phone (mobile)?

html icon

30th May 2018, 10:37 AM

Fonjic

3 ответов

+ 6

Try something like this within your <head> :  <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" sizes="192x192" href="path/to/icon.png">  <meta name="apple-mobile-web-app-capable" content="yes">  <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Page title goes here"> <link rel="apple-touch-icon-precomposed" href="path/to/icon.png">  <meta name="msapplication-TileImage" content="path/to/icon.png">  <meta name="msapplication-TileColor" content="#00F">  <link rel="shortcut icon" href="images/favicon.png">

30th May 2018, 10:55 AM

Mickel

+ 4

Hi Francisco You need to define a Web page manifest https://developer.mozilla.org/en-US/docs/Web/Manifest this will give you the "Add to home screen" on the hot dog menu on your mobile this is slightly out of date now, and you should look at building a PWA https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/

30th May 2018, 10:52 AM

Mike Choy