Lottie动画至SVG帧拆分 - 解析关键帧
上传Lottie JSON,解析路径并将所有关键帧导出为单独的SVG文件。
UD5工具箱
请先上传一张人像照片
工具使用基于深度学习的人像分割模型(MediaPipe Selfie Segmentation),在浏览器本地自动识别并分离人像与背景,然后对背景区域应用可调节的高斯模糊,模拟相机大光圈镜头的景深虚化效果。所有处理均在您的设备上完成,图片不会上传到任何服务器,充分保护隐私。
模糊强度控制背景的虚化程度,数值越大背景越模糊,类似光圈大小的影响;边缘羽化控制人像与背景交界处的过渡柔和程度,羽化值越高,边缘越柔和自然,避免生硬的切割感。适当搭配两者可以获得最自然的景深效果。
人像分割的精度受多种因素影响:照片光线、人像与背景的对比度、头发丝等复杂边缘、人像占画面比例等。对于发丝等细节区域,自动分割可能无法做到完美。建议使用边缘羽化和平滑度参数来优化过渡,或选择背景相对简洁的照片以获得最佳效果。
支持 JPG、PNG、WebP 等常见图片格式。为保证处理速度和效果,工具会自动将超大图片(长边超过1920px)等比缩放至合适尺寸。如需处理更高分辨率的图片,建议先在本地调整大小后再上传。处理后的图片以PNG格式下载,保留最佳画质。
如果上传的照片中未检测到明显的人像,工具会给出提示,模糊效果将应用于整张图片(因为模型未找到需要保留的清晰前景)。本工具针对单人自拍或半身人像场景优化,多人合影可能仅识别主要人物。
手机人像模式利用双摄像头或多摄像头视差计算深度信息,在拍摄时实时生成景深效果。本工具则是通过AI模型对已有照片进行后期处理,适用于任何相机拍摄的图片。两者原理不同:手机依赖硬件深度感知,本工具依赖视觉AI分割。对于已拍摄的普通照片,本工具是很好的后期补救方案。
上传Lottie JSON,解析路径并将所有关键帧导出为单独的SVG文件。
单独对元素背景区域应用模糊、亮度、灰度等滤镜,生成兼容的CSS backdrop-filter属性。
调整光源和圆角,生成带嵌入感的凹槽或按下状态的CSS样式。
输入名字,生成带有首字母的彩色圆形头像,适合无头像用户使用。
加载SVG文件,查看和修改其内部<title>, <desc>等元数据,提升可访问性。
生成白噪声、粉红噪声、布朗噪声,可调节音量,帮助集中注意力或入睡。
上传或粘贴SVG,将其编码为可安全嵌入CSS的background-image: url(data:...)字符串。
对图片应用多种滤镜组合,对比原图与效果,学习 filter 属性的视觉影响。
生成与原生HTML5音频播放器配套的音频频谱可视化组件代码。
同时播放雨声、风扇、咖啡店等多种环境音,独立调节音量,营造专注或休息氛围。
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
输入文本和容器宽度,计算所需的字体大小使文本不换行,利用JS测量实时反馈。
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
为图片生成同时支持WebP和传统格式的<picture>标签代码,确保全浏览器兼容。
输入JSON Schema,自动渲染出一个美观可用的表单界面(演示)。
对音频应用带通滤波和失真,模拟老式电话线传输的狭窄频响特点。
通过下拉选择宽度、高度、分辨率等,逻辑组合并生成完整的@media规则。
应用带通滤波器模拟老式电话或对讲机的窄频带音质,可加入噪声和失真。
录制一段语音,生成带有音频波形和自定义文本的分享卡片图片。
可视化定制弹窗样式、按钮文案和动画,生成替换原生alert的HTML/CSS/JS代码。
上传SVG,自动生成多种尺寸的透明PNG表情包,适合聊天分享。
使用PasswordCredential和FederatedCredential存储用户登录信息,并实现一键自动登录。
输入meta标签属性,模拟显示Twitter分享卡片的大图或小图样式,检验标记是否正确。
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
选择国家,生成符合当地格式的随机假地址,包括街道、城市、邮编和电话号码。
将复杂嵌套JSON数组转为CSV,支持选择性展平列和排除字段,适配数据导出需求。
通过摄像头简单估算头部倾斜,久坐后若驼背则弹窗提醒。
同时展示两种盒模型下元素的尺寸变化,直观理解宽度计算差异。
录入自己的衣物,随机组合生成一套穿搭建议,解决明天穿啥问题。
交互式心脏内部结构图,点击心房、心室、瓣膜等部件查看名称和功能。