# 启动应用时，启动页图标缩放

#### 问题现象

启动应用时，启动页展示的图标视觉上会有缩放效果，影响视觉体验。

#### 背景知识

当前Image Asset功能支持为Phone、Tablet、2in1应用，生成单层图标支持生成以下两种类型图标：

*   icon：应用图标（手机或其他设备桌面及设置的图标会比应用中出现的应用图标大）。
*   startWindowIcon：启动页图标。

#### 问题定位

*   排查module.json5配置文件中配置的启动页图标startWindowIcon是否是发生缩放的图标资源。同时，进一步排查是否存在闪屏页。
    
    ```
    // entry模块的module.json5配置文件
    {
      "module": {
        // ...
        "abilities": [
          {
            // ...
            "name": "EntryAbility",
            "startWindowIcon": "$media:ic_eshop",  // 启动页图标配置
            "startWindowBackground": "$color:start_window_background",
          }
        ],
      }
    }
    ```
    
*   若应用同时配置了启动页图标和开发了闪屏页，查看二者配置的图标资源是否一致，若闪屏页的图标和启动图标是同一个图标资源，但是开发的闪屏页无法与启动页图标的大小位置保持完全一致，就会导致启动应用的时候，视觉上启动图标缩放。

#### 分析结论

开屏图标缩放的原因为启动页面重复出现，用户除配置启动页图标外还额外开发了闪屏页，启动页图标与闪屏页图标是同一个图标资源，但位置尺寸不一致，导致打开应用时，两个页面上的图标接连显示，启动页图标出现视觉上的缩放效果。

#### 修改建议

建议根据应用的设计理念，取消闪屏页或配置启动页为透明图标。

*   取消闪屏页开发，EntryAbility中windowStage.loadContent直接加载首页。
*   配置启动页为透明图标：将配置的startWindowIcon替换为透明SVG图片，startWindowBackground配置为白色（深色模式的资源文件配置为黑色）。