CSS边框图片生成器 - 九宫格切片直观
上传图片并可视化调整九宫格切片线,生成CSS border-image相关代码。
UD5工具箱
拖拽上传图片,一键分割为九宫格或自定义行列网格
九宫格分割是将一张图片按 3×3 的网格切成 9 张小图,常用于朋友圈、微博、Instagram 等社交平台发布,形成拼接大图效果,吸引更多关注和互动。
本工具使用 Canvas 原生 API 进行无损裁剪,分割后的每块图片保持与原图相同的分辨率。对于 PNG 格式保持无损导出,JPEG 格式以 95% 高质量导出,画质损失几乎不可见。
支持 JPG/JPEG、PNG、WebP、GIF(静态帧)、BMP 等主流浏览器兼容的图片格式。上传文件大小限制为 20MB,超大图片会自动处理。
工具会自动向下取整计算每块的尺寸,边缘可能产生 1-2 像素的细微裁剪。对于大多数图片(如 1200×1200 分 3×3 得 400×400),完全不存在此问题。建议使用尺寸规整的图片以获得最佳效果。
下载分割后的图片包(ZIP),解压后按照从左上到右下的顺序(第1行→第2行→第3行)依次上传到朋友圈。发布后,9张图会拼成完整大图,效果非常吸睛。
当然!本工具支持 1×1 到 10×10 的任意行列组合。您可以通过滑块或预设按钮快速设置,如 2×2 四宫格、4×4 十六宫格、1×3 横排三连等,满足各种创意排版需求。
完全免费,无需注册登录。所有图片处理均在您的浏览器本地完成,不会上传到任何服务器,确保您的隐私安全。打开即用,无限次数。
PNG 是无损压缩格式,能完整保留原图细节和透明通道。对于 JPEG 原图,工具会自动以 JPEG 格式导出以保持较小的文件体积。您也可以根据需要自行转换格式。
上传图片并可视化调整九宫格切片线,生成CSS border-image相关代码。
上传照片,叠加九宫格参考线并手动裁剪,使主体位于三分线交点处。
上传图片,转换为带颜色和符号的网格图,辅助制作十字绣图纸。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
上传合并的精灵图,设定行数和列数,自动裁切为单独的小图并打包下载。
输入图案格子数和绣布CT数,计算成品尺寸并推荐留边。
输入文字并选择 FIGlet 字体,生成大型 ASCII 艺术字横幅,用于代码注释或说明。
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
选择本地视频,拖拽选择起点和终点,直接保存裁剪后的视频片段。
上传有序的多张图片,设置每帧延迟,合成一个GIF动图。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
构建无需JavaScript的多层级下拉菜单,提供HTML结构和CSS样式代码。
在无向图上查找最大团,高亮显示顶点,演示回溯或启发式搜索过程。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
上传多个视频片段,按顺序无缝拼接为一个视频,支持转场和重新编码下载。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
将给定比例约分为最简整数比,支持多数量比例(如3:6:9),直观显示化简结果。
选择单词中字母与放置格子,计算总分,支持双倍/三倍字母词。
输入百分制分数,根据可配置的等级区间(A, B, C...)转换为对应等级。
动态调整 accent-color 并实时查看对复选框、单选按钮、进度条和滑块的影响。
在线CSS格式化工具,支持CSS代码的美化缩进和压缩精简,帮助您快速整理样式表。
将SVG路径数据转换为CSS clip-path: path() 语法,用于裁剪HTML元素。
上传多个 SVG 文件,自动排列合并到一个 SVG 中,生成 symbol 雪碧图并保留 original id。
将多个简单几何形状随机组合,形成抽象标志logo初稿,导出SVG。
选择不同的 list-style-type(disc, decimal, lower-roman 等)并实时查看列表样式渲染效果。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。