New course! Every coder should learn Generative AI!
Try a free lesson+ 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)?
3 Answers
+ 6
Try something like this within your <head> :
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="path/to/icon.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- You can set another color if you want -->
<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">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="path/to/icon.png">
<!-- You can set another color if you want -->
<meta name="msapplication-TileColor" content="#00F">
<!-- Favicon (usally 16x16) -->
<link rel="shortcut icon" href="images/favicon.png">
+ 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/
+ 1
thanks a lot! really helped! I tought it was something like this, but wasn't seeing exactly how :)
Often have questions like this?
Learn more efficiently, for free:
Hot today
Android studio Tutorial
0 Votes
Why output is 0 for from_chars
2 Votes
Cyber security
0 Votes
Why did my code got deleted?
0 Votes
coding error
0 Votes
Personal chat
1 Votes
Bash
0 Votes