The Pattern Library 由 Tim Holman 和 Claudio Guglieri 共同创建，是一个单页展示无缝背景图案的网站。该站目前收录了 50 多张 设计师贡献的图案，口号是 "Patterns for the people, by the people"。访问者通过 The Pattern Library 一屏滚动浏览，点击左下角即可下载。整个站点至今默认走 HTTP 协议。
关键规格表
| 特性 | 说明 |
|---|---|
| 素材类型 | 无缝循环背景图案 |
| 当前数量 | 50+ 张，由全球设计师贡献 |
| 授权方式 | 完全免费，无水印 |
| 页面架构 | 单页 + JavaScript 滚动加载 |
| 文件格式 | 多为 PNG，少量 JPG，无矢量选项 |
| 提交渠道 | patterns@thepatternlibrary.com |
| 站点协议 | 默认 HTTP，浏览器提示“不安全” |
The Pattern Library 究竟是什么
该站点由开发者 Tim Holman（曾在 Tumblr 工作）和平面设计师 Claudio Guglieri 共同维护。其最初定位是给设计师和前端开发者提供一个“现成的图案仓库”，方便直接取用无缝背景图，省去每次打开 Photoshop 手动拼接的步骤。所有图案集中在一个长滚动页面里，鼠标移至底部会自动加载下一批。该站曾获 One Page Love 颁发的 One Page Website Award。
实际能用在哪里
- 网站背景：下载 PNG 后，在 CSS 中通过
background: url(...) repeat;即可直接铺设。适合个人博客、活动落地页等不需要矢量缩放的场景。 - 平面设计：可作为海报、PPT、社交媒体配图的基础纹理层。使用时需注意图案对比度，避免与正文文字冲突。
- 设计学习：观察不同设计师如何处理接缝、配色与几何重复，是学习无缝纹理制作的入门样本库。
使用时需要注意的地方
- 图案数量增长缓慢：2014 年媒体报道时数量为 53 张，十多年后仍在 50 张上下浮动，不要指望获得时下流行风格。
- 文件格式不公开：官网未在每张图案旁标明格式。实测多为 PNG，少数为 JPG，没有 SVG 矢量选项。
- 依赖网络：采用 Ajax 加载方式，断网后无法浏览，需要预先下载备用。
- 协议是 HTTP：浏览器会提示“不安全”，公司内网防火墙也可能拦截。
- 没有 API：只能逐张手动下载，批量抓取需自行编写爬虫脚本。
对于矢量插画、商业摄影或定制化原创图案这类需求，Freepik、Unsplash 或自己用 Illustrator 绘制是更稳妥的选择。
