使用 Laravel 为 Flutter 应用程序优化图像答案

【问题标题】：Image optimize for Flutter apps using Laravel使用 Laravel 为 Flutter 应用程序优化图像
【发布时间】：2020-06-11 23:05:23
【问题描述】：

我对图像如何在移动应用程序中发挥作用感到有些困惑，比如良好的尺寸和尺寸以获得良好的性能。

我准备了这么多文章，没有人给我一个好的答案，所以我在这里请求有经验的开发人员给我一个可以遵循的路径。

我有一个像服装市场这样的应用程序，所以我的应用程序有很多图像和产品，问题是我从 Angular 应用程序中对图像进行了小幅调整，在上传之前更改了图像的大小。

我的客户上传像 3mb、2mb、4mb 这样的图片，我知道这不好，因为我在调整大小，但我的客户上传了一张大尺寸的图片，这破坏了我的应用程序。

就像每 2500px 有 4500px 并且只有 200kbytes 的图像一样，这个图像破坏了我的应用程序，所以我想知道应用程序保持良好性能的图像规则。

我将创建一个循环，使用我的后端 Laravel 调整和优化应用程序中的所有图像。

所以在我的颤振应用中，我使用它进行优化

 CachedNetworkImage(
  fit: BoxFit.cover,
  placeholder: (context, url) =>
      Skeleton(
    height: 200,
    width: 200,
  ),
  imageUrl:
      "${MainConfig.storageDoc + widget.companyProductList[index]['srcimglist'][0]['file_path']}",
),

我看到其他一些项目使用类似 Wordpress 的方式

为了提高性能，需要使用如此多的图像尺寸，这是移动世界的正确方法吗？

【问题讨论】：

标签： php laravel flutter mobile

【解决方案1】：

根据我的阅读，我发现图片不能超过 2400x1600 像素，并且应该是 jpeg，因为它是压缩率最高的技术之一，上传时您可以确保您的应用只接受符合以下条件的文件类型.

同样在颤振中，您可能不想在同一页面上渲染所有图像，您可能可以将其划分为多个页面，这样您就不会同时加载所有图像。这里是你怎么做的链接：https://flutter.dev/docs/perf/rendering/best-practices#render-grids-and-lists-lazily

【讨论】：