圆点网格背景生成器

工作原理

工具会在规则网格的每个交叉点放置一个圆点，网格间距和圆点大小均可调节，背景可以是纯色或透明。生成结果既可以是开箱即用的 PNG 图片，也可以是矢量 SVG 代码：缩放不会损失画质，也便于嵌入网页。

网站背景应该选 PNG 还是 SVG？

网站背景通常更适合使用 SVG：文件体积小，在任何屏幕分辨率下都保持清晰，包括超高密度屏幕。如果您需要传统的位图，用于不支持 SVG 的设计工具或演示文稿，则 PNG 更合适。

如何在网站上将背景作为重复平铺使用？

下载生成的 PNG 或 SVG，然后将其用作 CSS 的 background-image，并设置 background-repeat: repeat：由于网格完全规则且没有额外的边距，图案在平铺之间可以无缝衔接，看不出任何接缝。

100% 本地生成：圆点背景完全在您的浏览器中计算，不会向服务器发送任何数据。