在颤振中使用 image.asset 时图像质量下降

Posted 2023-02-23

【中文标题】在颤振中使用 image.asset 时图像质量下降

【英文标题】：Images loose quality when using image.asset in flutter

【发布时间】：2019-10-07 23:08:54

【问题描述】：

我有一个 png 的用户 Image.asset，但我注意到该图像质量松散， 如何在真实设备中保持相同的质量。

提前致谢。

【问题讨论】：

不，png不会降低质量

但我看到 png 中的文本看起来不太清晰，不像 TEXt 小部件

因为它是按比例缩小（或放大） - 没有任何缺陷就无法完成

您可以尝试在 Inkscape、Adobe 或 Photoshop 中更改 png 的大小和质量（当然还有更多）。

我有同样的问题：***.com/questions/58041586/…

【参考方案1】：

在我的情况下，问题是由于图像分辨率系统的配置错误造成的。

一方面，您必须在 assets 文件夹中指定不同的分辨率。

assets/my_icon.png
assets/2.0x/my_icon.png
assets/3.0x/my_icon.png

另一方面，您必须在 pubspec.yaml 文件中声明这些变体。

flutter:
  assets:
    - assets/
    - assets/2.0x/
    - assets/3.0x/

更多信息在Flutter docs。

提示：如果您从其他程序（例如 Adob​​e XD）导出图像，您可以使用 image_res package 自动执行此任务。