多尺寸Favicon导出器 - 生成全平台图标包
上传一张原图,智能裁剪并输出从16x16到512x512的各尺寸ICO/PNG,适合网页与PWA。
UD5工具箱
支持 PNG / JPG / WebP / SVG / GIF / BMP · 建议 ≥ 512×512px
也可以 Ctrl+V 粘贴剪贴板中的图片
<link rel="manifest" href="/manifest.json"> 引用。上传一张原图,智能裁剪并输出从16x16到512x512的各尺寸ICO/PNG,适合网页与PWA。
输入网站 URL,提取所有 favicon 声明并模拟不同分辨率下的渲染效果。
一款漂亮的拟物指针时钟,同时显示数字时间和日历,适合常驻副屏或全屏。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
通过 iframe 或 Web Components 将多个独立前端应用组合到同一个页面,展示微前端概念。
基于简单WebSocket服务,多人同时在同一画布上绘图,远程协作。
上传图标文件并设置背景色,模拟在 Android/iOS 主屏幕上的添加效果,检查视觉适配。
加载 HDR 或普通全景图,以 3D 天空盒方式旋转查看。
可视化配置范围滑块的轨道、滑块、填充颜色,生成跨浏览器的CSS代码。
编写正则表达式,在文本中用不同颜色高亮整个匹配和每个捕获组。
上传多个 SVG 文件,合并为一个 SVG sprite 并生成使用示例代码,减少 HTTP 请求。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
定义一组词汇或短语,批量生成不重复的5x5宾果卡片,适合活动或教学使用。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
显示当前屏幕方向,并尝试锁定为横屏或竖屏模式,仅部分浏览器支持。
快速生成指定段落数或字数的 Lorem Ipsum 占位文本,适用于 UI 设计、排版测试和原型填充。
在预设向量场中点击放置种子,绘制通过该点的流线,表现场的方式。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
输入网址,尝试拉取该站favicon并提取其主要颜色,用于品牌配色参考。
在 HTML5 Canvas 上叠加可拖拽的辅助线和标尺,帮助精确绘制和布局。
随机推荐视觉和谐的标题和正文字体配对,并显示预览和导入代码。
上传图片并设置层位置和滚动速度,生成纯 CSS 的多层视差滚动背景代码。
可拖拽的虚拟尺子和量角器叠于当前页面,精确测量像素长度与旋转角度。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
上传图标图片,模拟其在iPhone主屏幕上的显示效果与圆角遮罩。
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶,点击复制类名或色值。
动画展示 Kruskal 算法选择边和合并集合的过程,高亮生成树边。
可视化配置<dialog>元素外观与行为,生成现代化、无障碍友好的模态框代码。