【问题标题】:Images loose quality when using image.asset in flutter在颤振中使用 image.asset 时图像质量下降
【发布时间】:2019-10-07 23:08:54
【问题描述】:

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

提前致谢。

【问题讨论】:

  • 不,png不会降低质量
  • 但我看到 png 中的文本看起来不太清晰,不像 TEXt 小部件
  • 因为它是按比例缩小(或放大) - 没有任何缺陷就无法完成
  • 您可以尝试在 Inkscape、Adobe 或 Photoshop 中更改 png 的大小和质量(当然还有更多)。

标签: image dart flutter


【解决方案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 自动执行此任务。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-12-03
    • 1970-01-01
    • 2019-08-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多