Javascript HTML图像预渲染（非预加载）

我有一个用HTML+JS+CSS构建的单页应用程序

我正在预加载所有的图像，它们肯定是正确预加载的

在我的应用程序中，我需要能够在最短0.1秒的时间内显示一幅图像，然后立即将其隐藏，播放器需要能够辨别它是什么

图像大小可高达2MB

问题是，图像预加载似乎还不够，只需0.3秒就可以完全渲染（在一台全新且功能强大的计算机上）

如何立即渲染它？也许是在向播放器或类似的东西显示之前几秒钟将其添加到DOM中，并隐藏可见性

此外，本文似乎与以下问题有关：

这是一个解决方案吗

<link rel="prerender" href="/assets/images/big-image.jpg"> 

---

我是否应该通过JS为每个要预渲染的图像创建一个链接对象？

是否要显示一个图像0.1秒，然后将其隐藏？如何显示和隐藏图像？显示代码。使用显示块，然后显示无。另外，用户将无法在.1秒内注意到2MB图像的质量。您可以大大减少size@Ibu显示无确实渲染图像。谢谢请随意发布官方答案，我会将其标记为最佳答案。我一个月前问过这个问题，其中包含一个使用

XMLHTTP-to-blob

加载程序的工作示例。Kaido也提出了一些很好的观点——我建议你去看看。p、 对不起，我的回复太晚了，我是澳大利亚人。。。。