Html 如何在背景线程中处理分割的图像？

我有一个大的图像，需要成为一个网站的一部分，当然这会影响性能。我的想法是把它切成小块，然后在加载时用网格将图像粘在一起

不过有一个小问题。。。它必须在后台

我应该用可怕的z索引方法来解决这个问题，还是有更好的解决方案？图像可以切割成任意数量的平铺。

根据不同的背景，您可以使用多个背景图像。将它们放置在背景中的适当位置

html，
身体，
div{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
div{
背景图像：
网址(http://via.placeholder.com/350x150?text=Image1),
网址(http://via.placeholder.com/350x150?text=Image2),
网址(http://via.placeholder.com/350x150?text=Image3),
网址(http://via.placeholder.com/350x150?text=Image4);
背景重复：
不要再说了，
不要再说了，
不要再说了，
不重复；
背景位置：
左上角，
右上角，
左下角，
右下角；
背景尺寸：
51% 50%,
50% 50%,
51% 50%,
50% 50%;
}

---

您是否尝试了一些东西，以便我们能够清楚地了解您想要实现的目标。请注意“可怕”和“美丽”等词，它们可能会让您的问题以主要观点为基础而结束。顺便说一句，我不确定将图片分割成若干部分并使用延迟加载与z索引有什么关系。自从我发布了这个问题以来，我一直忽略的问题是，背景图像无法平铺，这就是我面临的问题。在这个问题中，你说你已经分割了图像？如果你能分享这张图片，让我们知道我们在做什么，那会有帮助的。