Android preview is not accurate regarding rounded corners
Opened this issue · 4 comments
Right now, when editing an icon in RFG, the Android preview looks like this when applying a background:
More than a year ago, this preview was accurate:
(this is an actual screen shot; which Android Chrome version? I don't know)
But Chrome doesn't round the corners of the icon anymore:
(Android Chrome 50)
At least, the preview should be accurate. Maybe an option should be added to explicitly round corners.
Somewhat related, the "switcher" preview is also inaccurate. It shows the color for the bar in the switcher, but doesn't show the favicon itself in the preview if you've set your site to standalone mode. Having the favicon in the switcher preview is nice since a black icon with a black theme color means an invisible icon, etc.
Hum... that's right. The switcher changed, too. Thank you for reporting.
I've just fixed the home screen icon preview:
However the "round the corner" option and the switcher fix are both pending.
After a few experiments, the issue is not what it first looked like. Android Chrome 51 rounds corners or not depending on the icon nature:
- Icon declared in the Web App Manifest: corners are not rounded (ie. the icon is square). See example on the right ("Manifest")
- Apple Touch icon: corners are slightly rounded. See example on the left ("AAA")
- PNG icon (ie.
rel="icon"): corners are slightly rounded. Similar to the Touch icon.
