3

How can I make Dance Culture have an icon on the Android wallpaper like it has with WolframAlpha. See screenshot below.

I've found favicon but can't tell what's different in the html source code to enable WolframAlpha to have it whilst Dance Culture has a generic icon.

Please see source code:

Dance Culture:

<link rel="shortcut icon" href="https://danceculture.com.au/wp-content/uploads/2016/02/favicon.ico">

WolframAlpha:

<link rel="shortcut icon" href=/static/favicon.ico>

website icon on Android wallpaper

1
  1. Create a 158 x 158 image to be used as an icon.
  2. Save your creation as a .png file to a location on your server.
  3. Note down the path e.g https://example.com/images/apple-touch-icon.png.
  4. Now you just need to add a simple little line of code to the index.php of your site to let phones know that you want it to use your icon whenever someone bookmarks your site or saves your site to their Home screen. This is the code:

    <link rel="apple-touch-icon" sizes="152x152" href="/https://example.com/images/apple-touch-icon.png"/>
    

    You are going to place this code just above the </head> tag on your website's main page.

    Remember to change out the path to the image path you wrote down in the step above.

  • 1
    I note there's apple in the rel section. Is this for apple only then? I want it to support android. – Darryn Brisdaz Sep 9 at 14:05
  • @DarrynBrisdaz: I believe Android does pick up on Apple touch icons. That said, this is the quick-and dirty approach to creating app icons. – Brian Sep 26 at 18:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.