Add iOS icon or create an iOS app

[metmarkosaric]

"I’ve added Plausible to my home screen, but the website doesn’t have an iOS icon. Creating a simple iOS app using a web view would also be nice.

This would be much appreciated and would take about 5 minutes. Just create a PNG (512x512) file in the root of the site named: apple-touch-icon.png with the apps icon. Done.

I’d recommend this, if you haven’t yet seen it: https://realfavicongenerator.net/"

(imported from the old roadmap)

[metmarkosaric]

Tried the site referenced above and this is what I got. Has to be tested to see if it actually looks good on a phone screen.

[metmarkosaric]

Couple of higher quality alternatives:

[metmarkosaric]

We pushed an update that includes the iOS icon. Can someone with an Apple device verify if it all works fine please? Thanks!

This is what we included in the code:

<link rel="apple-touch-icon" type="image/png" href="/images/icon/apple-touch-icon.png">

[tckb]

Icon has black background

[metmarkosaric]

Thanks @tckb! From what I see iOS fills the transparent regions with black automatically.

[metmarkosaric]

Just created an icon with white background too.

[tckb]

Yes. Apple doesn’t alllow tranperant background. Either fill it with white or settle with black background. Eitherways works for me ;)

[sebdanielsson]

If it’s supposed to be on a home screen one might wan’t to follow the iOS Human Interface Guidelines:

”Grid system

Apple developed a golden ratio grid system that can be used to size and align elements on your icon correctly. Nevertheless, even Apple designers are not following the grid system very strictly with the native apps’ icons. Feel free to break the rules if your icon simply works better without aligning all elements strictly to the grid.”

[metmarkosaric]

The iOS icon is now live :)

[wheeleran]

four years later, can we have this on android as well, please?