Disable automatic Liquid-Glass app icon generation

Thanks for the post, you can quickly turn off Liquid Glass on the info.plist file to see your assets without Liquid Glass using the UIDesignRequiresCompatibility key on your info.plist:

https://developer.apple.com/documentation/BundleResources/Information-Property-List/UIDesignRequiresCompatibility

Note: Check the note on that documentation as should be only used for testing not for deployment .

I would also recommend for you to take a look at this great documentation.

https://developer.apple.com/documentation/TechnologyOverviews/adopting-liquid-glass

Also, by default, older versions of iOS automatically applied a gloss overlay to make all app icons look uniform. I do not know if that’s your case based on your description.

To turn this off and have your raw PNGs display exactly as you designed them, you need to tell the system that your icon is. If you are using an Asset Catalog to manage your app icons, which is the standard for modern iOS development. Open your Xcode project and select your Asset Catalog. Select your AppIcon set from the left column. Open the Attributes Inspector and look for a checkbox labeled icon is rendered and check that box.

Let me know your findings.

Albert
  Worldwide Developer Relations.

Hi Albert. Txs so much for the fast and detailed response!

I wasn't aware of these keys and tried both. Unfortunately my app icon continues to have the Liquid Glass effect added to it.

To clarify: I'm not concerned with the UI in the app itself. But the app icon as it appears on the users home screen, as well on the app store.

From my understanding, since the introduction of Liquid Glass the system automatically adjusts icons to make them fit better with the Liquid Glass look. By adding the artificial 3D/Bevel effect. However, on my icon this modification doesn't work well and it looks rather bad.

So I'm looking for a way to disable this modification.

Thank you again.

If adding the new key in the info.plist does not https://developer.apple.com/documentation/BundleResources/Information-Property-List/UIDesignRequiresCompatibility change what you are seeing on your icons, means that’s not Liquid Glass as that key disables Liquid Glass and the icons are then the default and you will not be able to remove that glossy view as far as I know as the shadow effect automatically applies to app icons.

Since you cannot turn the effect off, the best approach is to adjust your source assets so they play nicely with the rendering engine. Your source image layers should be completely flat and matte. Ensure your background layer is a flat.

Wish you luck!

Albert
  Worldwide Developer Relations.

Txs again Albert. Obviously not the answer I was hoping for, but thanks for your help and the suggestions.

@Martingl definitely not the best answer. Hope other developers can suggest what else can you do with the icon, however my suggestion is to embrace the rendering.

Albert
  Worldwide Developer Relations.