Html 背景中带有圆圈的简单平铺：图像与文本？

主要是技术问题-

我正在开发一个界面，它基本上会有一个使用预定义的方形瓷砖的随机背景。每个瓷砖都有许多大小不一的任意圆圈。将会有很多瓷砖，让我们假设它们都是独一无二的

我一直在玩弄的一个选择是，我可以使用文本；不同字体大小和

空白的时段：每个磁贴的预换行
样式。我想我已经确定，在文件大小方面，这将比使用圆圈的图像更小。。。这也有点聪明

不过，有些事情我不太懂。例如，图像的缓存最终可能会使它们的加载速度快于页面加载上的空格块/句点块，即使它们最初下载时会花费更长的时间

我曾认为确定文本的总体尺寸有点像噩梦，但我真的不需要知道这些信息，我想如果我使用乔治亚（Georgia）这样的字体（它似乎包含在所有系统/浏览器中），我可能无论如何都能找到这些信息

如果你有世界上所有的时间，你想让这个项目尽可能的完美（内部和外部），你会如何处理这个场景？
如果你想做一个背景，我不会使用有点恶心的文本

就个人而言，由于背景不是“内容”，我相信它不会出现在HTML中，应该使用CSS或Javascript来完成

在本例中，我将使用背景图像

调查这件事

只需使用少量图像，您就可以获得非常酷、随机的背景

少于7k的图像

这是一个可以用圆圈复制的图片。
很难从这个描述中知道你想要什么样的外观。你有模型吗？谢谢你的链接。我决定使用图像，因为它们更可靠，更容易使用，而且感觉更合适