android icon looks blurry with eas buid

Expo Application Services (EAS)
1

Set in android adaptiveIcon of app.config.ts in 1024px x 1024px PNG format.
When installed on android 12, the icons look blurry overall.

In the case of Expo build, the icon wasn’t blurry. The icon is blurred when eas build is performed.

Please let me know if there is a solution.

      icon: "./assets/icon-android.png",
      adaptiveIcon: {
        foregroundImage: "./assets/icon-android-adaptive.png",
      },
2

Do you use expo image optimization util?

3

Not used.
Please let me know the name of your installation and the steps to optimize it.

4

Im not using it, just thought maybe that was a reason.

5

I will try once to optimize the Expo image.
Optimizing Updates

6

I tried that, but it didn’t work.
I also tried to increase the bit depth of the image (from 24 to 32), but that didn’t work either.

Here is the version information that I am currently using.
Expo:43.0.0
eas-cli:0.36.1
expo-cli:4.12.10

7

same issue here!! app icon looks blurry on android any help pleaaaase!! i’m stuck

8

you should use the adaptiveIcon property App Icons - Expo Documentation

9

thanks for your reply but its the same issue the icon still blur

10

Hello, I have the same problem, did you manage to solve it?

11

if you are having this problem and using an adaptive icon, please share the icon file and app.json config to reproduce the issue

12

i’m still stuck in it and i really think i should never use Expo again

13

@lotfikamel, how do you expect us to help if you do not give us the information that @brents asked you for?

14

Same since I migrated to eas build, with the classic build and the same image files it wasn’t blurry. For now I remove “adaptiveicon” from app.json and only use “icon” which doesn’t get blurry.

15

can someone in this thread please share an example project that reproduces this issue?

16

Hi, same issue.

Here is my app.json:

{
  "expo": {
    "name": "Ferreteria Principal",
    "slug": "ferreprincipal-mobile",
    "version": "2.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "userInterfaceStyle": "light",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#0623A1"
    },
    "updates": {
      "fallbackToCacheTimeout": 0,
      "url": "https://u.expo.dev/700f28e8-97e2-47ca-930a-37ede27c9c32"
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "com.netandsystem.ferreprincipalmobile"
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon-transparent.png",
        "backgroundColor": "#0623A1"
      },
      "package": "com.netandsystem.ferreprincipalmobile"
    },
    "web": {
      "favicon": "./assets/favicon.png"
    },
    "extra": {
      "eas": {
        "projectId": "700f28e8-97e2-47ca-930a-37ede27c9c32"
      }
    },
    "runtimeVersion": {
      "policy": "sdkVersion"
    }
  },
  "navigationTypeTabs": true,
  "mainColor": "#0623A1"
}

I’ll send my adaptative Icon too

adaptive-icon-transparent
adaptive-icon-transparent1024×1024 2.96 KB

17

Hi @netandsystem

I copied your icon into a test app and updated the app.json to look like yours. The icon looks OK to me on the Android emulator and my Samsung Galaxy S8 running Android 9.

non-blurry-icon

Could you confirm that you do not have an android directory in your app? And what devices/Android versions do you see the blurry icon on?

18

are you using sdk 47?