Tylify
tylify.app又名 Tylify
浏览器端的无缝图案制作工具,位图与矢量图可混排,导出 SVG、PNG 或内嵌 base64 的 CSS,素材全程在本地处理,适合给页面加自定义纹理、又不想装桌面软件的前端。
工具网页英文
打开官网 tylify.app

Tylify 是一个在浏览器里做无缝图案(seamless pattern)的工具。你往画布上摆元素,它负责让图案上下左右拼接时不露接缝,适合做网页背景、包装纹理、印花素材这类需要平铺的图。
主要功能
图案元素可以是位图,也可以是矢量图,PNG、JPG、SVG 都能放进去混着用。做完之后导出格式有三种:SVG、PNG,以及把 SVG 以 base64 内嵌进去的 CSS,最后一种直接贴进样式表就能当背景用。所有处理都在浏览器里完成,不用把素材传到服务器。
页面还提供「Load project (.tyl)」入口,说明工程可以存成 .tyl 文件再读回来继续改。
适合谁
需要批量做平铺背景的前端和 UI 设计师,或者想给页面加一层自定义纹理、又不想装桌面软件的人。导出 CSS 这一点对直接写样式的人比较省事。
费用与限制
材料里没有提到收费、账号或登录,也没有列出支持的浏览器和平台,这些用之前需要自己确认。界面是英文。图案的排布逻辑、元素间距这些细节,材料里也没写,实际用起来顺不顺手要试过才知道。
常见问题
Tylify 有哪些平台 / App?
支持 网页。