Html 我应该从服务器加载图像还是从url获取图像？

我是一个网络开发新手，我想创建一个dota 2的Vuejs应用程序，将有一个卡片网格，每张卡片中都有英雄档案，我将所有这些英雄数据本地保存在一个json文件中，其中包含img路径，问题是，有这么多关于100个英雄的图像，每个都有4个能力，所以100个英雄化身+400个能力，这是一种巨大的。我应该将这些映像部署到宿主服务器上，还是更改img路径以从dota2.com获取？哪个更好更快？对客户端有什么影响？我的问题是，我不知道客户端是在移动中加载图像，还是需要先下载所有500个图像，我的网站才能正常工作

---

如果我使用url获取，这意味着我的网站是静态的还是动态的？我可以将其发布到GitHub还是需要Firebase来托管它？

静态或动态指的是数据是恒定的还是给定一组条件的变化。看起来您有一个基于Valve API结果集字段的图像列表。我建议使用这些图像至少有以下原因：

像valved这样受欢迎的站点更有可能跨多个区域进行缓存。这意味着，如果你在蒙大拿州，而用户在泰国，那么在离他们更近的服务器中可能会有一个图像副本，而不是你的单一服务器；当然，除非你也实现了类似的东西

如果您正在使用他们的API，并且他们给了您一个特定的URL，那么您将不必为您可能被授权使用的带宽付费。你应该阅读他们的条款和条件

如果角色的图像发生更改，它将相应地更新

可以基于设备提供多个版本的图像。例如，可以为移动设备提供与台式计算机不同的图像

请注意，第三个原因可能被认为是动态的，但它不在你这边。它是静态的，因为您将始终使用从API检索的图像。此外，如果阀门改变图像，请考虑JSON文件的负面影响。你应该经常考虑重新创建JSON文件。

---

无论哪种方式，客户端都是相同的-将向您的服务器或Valve服务器发出每个映像的请求。图像的发送速度将是决定因素。

这个问题非常广泛。简而言之，你不应该在未经允许的情况下直接从另一台服务器上提供图像，因为这会占用他们的带宽。但是valve有一个API，它是免费的，我不想使用API，因为我希望我的网站是静态的。我很难想象（哈，明白了吗？）你的情况，但现在没有很好的支持，因此，我会通过JavaScript进行异步加载，使用+onload（网上有很多文章），并可能在需要时加载它们。这有意义吗？