uni-app 打包 App 应用图标模糊

在使用 uni-app 开发应用时，如果打包后的 App 应用图标显示模糊，这通常是由于图标资源文件分辨率不足或配置不正确导致的。为了确保应用图标在打包后保持清晰，你需要遵循以下步骤和最佳实践，并参考相关代码配置。

1. 准备高分辨率图标

首先，确保你提供的图标（通常是 icon.png）具有高分辨率，至少应达到以下尺寸：

• iOS: 1024x1024 px
• Android: 512x512 px 或更高

2. 配置 manifest.json

在 uni-app 的项目根目录下，找到并打开 manifest.json 文件，确保正确配置了应用图标路径。以下是一个示例配置：

{
  "mp-weixin": { // 小程序等平台配置可忽略
    // ...
  },
  "app-plus": {
    "name": "YourAppName",
    "version": {
      "name": "1.0.0",
      "code": "100"
    },
    "icon": "static/icon.png", // 指向你的高分辨率图标文件
    "splashscreen": {
      "autoClose": true,
      "delay": 3000,
      "image": "static/splash.png" // 可选：设置启动画面
    },
    // ... 其他配置
  }
}

3. 使用正确的图标格式

确保图标文件使用的是 PNG 格式，因为 PNG 格式支持无损压缩，能够保持图像的清晰度。

4. 清理和重新打包

在修改了 manifest.json 或更新了图标文件后，务必清理项目并重新打包，以确保所有更改都已生效。你可以使用 HBuilderX 的内置功能来执行这些操作：

• 清理项目：在 HBuilderX 中，右键点击项目名称，选择“清理项目”。
• 重新打包：选择“发行” > “原生App-云打包”或“原生App-本地打包”。

5. 验证打包结果

在打包完成后，将生成的 App 安装到测试设备上，检查应用图标是否显示清晰。如果仍然模糊，请检查以下几点：

• 图标文件是否已正确更新到项目中。
• manifest.json 中的图标路径是否正确。
• 打包过程中是否有任何警告或错误信息，并据此进行调整。

通过以上步骤，你应该能够解决 uni-app 打包后应用图标模糊的问题。如果问题依旧，请检查官方文档或社区论坛，以获取更多帮助。