GoogleChromeLabs
Android icon is streched
Describe the bug I just started to use Bubblewrap instead Cordova. Everything works fine but the icon. I have every size generated, 72, 192, 512 and 1024. Every icon size is stretched on Android.
https://player.forrasradio.hu/assets/icons/icon-512.png
To Reproduce Steps to reproduce the behavior:
- Go to '...'
- Click on '....'
- Scroll down to '....'
- See error
Expected behavior A clear and concise description of what you expected to happen.
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
Smartphone (please complete the following information):
- Device: Every phone and Tablet
- OS: Android 11, 12 and 13
- Browser Chrome
- Version [e.g. 22]
Additional context It was working fine with cordova
Hey @ttimot24,
I generated the app with Bubblewrap, using this Web Manifest. The output icons, listed below, don't seem stretched. Am I looking for the issue described at the wrong place?
-
store_icon.png
-
ic_launcher.png
-
ic_maskable.png
Meanwhile I solved the issue. Turns out Bubblewrap does not resize intelligently the icon as cordova does. I added the safe zone to the icon and it works fine now.
Can you provide more information on what you mean by intelligently? Does it mean the input image wasn't square?