Fix icons links

Meta Elastic
1

Front page's html has the following:

<link rel="icon" type="image/png" href="https://www.elastic.co/favicon.ico">
<link rel="apple-touch-icon" type="image/png" href="https://www.elastic.co/apple-touch-icon-144x144.png">
<link rel="icon" sizes="144x144" href="https://www.elastic.co/apple-touch-icon-144x144.png">

While iphone will recognize apple-touch-icon, the other links will fail on android and a generic icon will be used, instead of elastic logo, if someone on android tries to add the link to home screen.

The suggested fix is move the type="image/png" attribute to the correct link tag, like the following :

<link rel="icon" href="https://www.elastic.co/favicon.ico">
<link rel="apple-touch-icon" type="image/png" href="https://www.elastic.co/apple-touch-icon-144x144.png">
<link rel="icon" type="image/png" sizes="144x144" href="https://www.elastic.co/apple-touch-icon-144x144.png">

@discourse could you please ask someone to look into this?

Many thanks

4

Hi Thiago,

Thanks for bringing this in our notice. I've added the type="image/png"
attribute to the link tag you described. The change will be deployed on
your instance soon.

Regards,
Arpit

2 Likes