Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android icon getting cut off [React Native]

I just published my first App on Google Play, and everything seems good, except for the main icon. For some reason it keeps getting cut off on the edges. I have sized it to be 512x512 pixels in Photopea, and have tried making it smaller several times (the actual graphic within the 512x512 space), but nothing seems to make a difference.

How can I fix this? Please let me know if any details are needed. I am using Expo and have tried both expo publish and re-bundling and updating the app.

Thanks!

like image 780
Vin Avatar asked Jul 04 '26 09:07

Vin


1 Answers

I realise that this is an old question but I had the same issue and this question was among first results.

The problem is because your icon is near the edges of the image and it is being cut off by android.

The solution is following:

It is recommended that you use a 1024x1024 png file, leaving at least the outer 1/6 transparent on each side.

like image 151
kenan Avatar answered Jul 06 '26 23:07

kenan



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!