簡單的瓷磚與背景中的圓圈：圖像與文字？

Question

一個主要的技術問題 -

我正在開發一個接口 - 基本上 - 將有一個使用預定義的方形瓷磚有點隨機化的背景。每塊瓷磚都會有很多不同尺寸的任意放置的圓圈。將有瓷磚很多 - 讓我們假設他們都將是唯一的。

我一直在玩的一個選擇是我可以使用文本的想法;不同字體大小的時期和每個圖塊的white-space: pre-wrap樣式。我認爲我已經確定，在文件大小方面，這比使用圓圈的圖片要小...它也會有些聰明。

然而，我並不喜歡某些東西。例如，圖片的緩存可能最終會導致它們的加載速度比頁面加載時的空格/句點塊快，即使它們最初需要花費更長的時間才能下載。

我認爲，確定文本的整體尺寸會有點噩夢，但我不真的需要知道的信息，我想我是否使用像喬治亞州這樣的字體（這似乎被包含在所有的系統/瀏覽器中），無論如何我都可以找到這些信息。

如果你在世界上一直都在努力，並且希望儘可能使項目儘可能美觀（內部和外部），那麼你會如何處理這種情況？

Answer 1

如果你想要做一個背景，我不會使用文字 - 對我來說有點粗俗。

就個人而言，由於背景不是'內容'，我相信它不在HTML中，應該用CSS或Javascript完成。

在這種情況下，我會使用背景圖像。

調查cicada principle。

只使用少量圖像，您可以獲得非常酷，隨機的背景。

This example小於7k的圖像。

這裏的another可以用圓圈複製。