ionic android图标与原始大小/比例不同

Question

我在resources/ 下创建了一个简单的 1024x1024 icon.png ：

然后我运行离子资源，我需要的所有图标都在resources/android/icon/下生成

我的 config.xml 改成这样：

<platform name="android">
    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
  </platform>
  <icon src="resources/android/icon/drawable-xhdpi-icon.png"/>

现在，如果我在安装后查看应用程序图标，它看起来中间的数字更大并且比例不被尊重：

如你所见，小红球变成了一个大球，这是我不明白的，谁能解释一下？

Answer 1

（还不能放置cmets，所以我会通过回答来完成）

从外观上看，您正在使用某种图标包。 （因为所有图标都具有相同形状的背景，原始图标位于顶部）。我的猜测是图标包消除了图标（以及所有其他图标）周围的大部分透明空间，以适应相同的图标设计。

您可以通过以下任一方式轻松确定是否确实如此：

• 禁用图标包（红色圆圈现在应该是正常大小，周围有空格）

• 制作一个在图标两侧有边框的图标，因此它可能不会切断空白。

如果确实是图标包消除了周围的空白，您可以尝试使用非常轻（99% 透明）的图层作为背景。这将防止图标包消除空白，因此不会缩放圆圈。

不过我不会真的推荐这个，因为大多数人不会使用图标包，然后图标在其他设备上可能看起来有点奇怪。

Answer 2

我认为这是因为ionic resources 命令。它将读取图像并根据每个屏幕尺寸自动裁剪图像。

Ionic Resource Site 说no rounded corners 可能是主图外的不透明像素，或者它会调整大小/裁剪以适应：

图标图像的最小尺寸应为 192x192 像素，并且不应有圆角。

你可以试试这个：

• 导航到project\resources\android\icon：
  • 检查生成的每个图标是否比例错误。
  • 如果它比你的原始图像大，打开任何图片编辑器，如Photoshop 或Paint 并手动调整它的大小，直到适合你的预期比例（因为你应该只需要ionic resources 生成预大小的图片）。
  • 保存并为其他人再次执行此操作。
  • 重建项目。

更新： 为 4 个角放置 4 个微小像素的颜色，然后重试。我认为设备应该知道图标的正确边框在哪里，而不是调整它的大小。