App icon resizing

Hey guys!

I’m building my first app through a managed expo app. My app is ready to go and I’m trying to figure out how to get my icons right on ios & android.

  • The iOS icon looks fine when providing a 1024x1024 png of the icon.
  • The same image on android does not look fine and is mostly too big or too small when providing adaptiveIcon properties.

Installed app called Bizzey

App.json

{
  "expo": {
    "sdkVersion": "32.0.0",
    "platforms": [
      "ios",
      "android"
    ],
    "version": "1.0.1",
    "primaryColor": "#4389fc",
    "orientation": "portrait",
    "icon": "./assets/icon.png", <-- 1024x1024
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#4389fc"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "android": {
      "adaptiveIcon": {
        "backgroundColor": "#4389fc",
        "foregroundImage": "./assets/adaptive-android-icon.png", <-- 1024x1024 (icon only)
        "backgroundImage": "./assets/adaptive-android-background.png" <-- 1024x1024 (icon background)
      },
      "versionCode": 2
    },
  }
}

Anyone else having the same problems I’m experiencing?

What am I doing wrong?

Kind regards
Jens

3 Likes

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.