code icon indicating copy to clipboard operation
code copied to clipboard

Android web "app" icon is very pixelated

Open Snakejac5 opened this issue 9 months ago • 3 comments

Please confirm the following.

What browsers are you seeing the problem on?

Chrome (including Arc, Brave, Opera, Vivaldi)

Describe the bug

Image

Steps to reproduce

"install" modrinth via chrome (normally the add site to home screen button)

Expected behavior

the icon for modrinth looks like that on the home/apps screen Image

Additional context

No response

Snakejac5 avatar Mar 12 '25 22:03 Snakejac5

That's because the site doesn't have a webmanifest so by default Chrome uses the favicon (the icon in the tab) and generally on browsers it's very small and it's not meant to be high resolution.

Easy fix is to add a web manifest specifying to browsers to use another icon instead.

T1xx1 avatar Mar 13 '25 11:03 T1xx1

Another thing is that nearly all of the web "app" icons are pixelated

GitBarna avatar Mar 16 '25 19:03 GitBarna

Another thing is that nearly all of the web "app" icons are pixelated

No. All pwa that have pixaled icon it's because they don't have the webmanifest so the browser defaults to the favicon which is very low res.

Screenshot_20250317_002120.jpg

3 of my pwas with no pixels because I specify the icon in the webmanifest

T1xx1 avatar Mar 16 '25 23:03 T1xx1