UD5工具箱
预加载/预获取指南 - 资源提示选择
根据资源类型和加载场景，推荐使用preload、prefetch还是preconnect标签。
性能优化工具 - 图片/代码压缩与网页分析
共 22+ 款工具邮件垃圾评分模拟 - 常见避规规则
分析邮件内容的词语触发规则，估算可能的垃圾邮件评分并给出修改建议。
LQIP占位图生成 - 缩略图转Base64
将图片缩小并压缩为极小的Base64字符串，作为低质量占位图代码。
响应式图片尺寸生成 - srcset/sizes
为同一图片的不同分辨率版本自动生成srcset和sizes属性代码。
懒加载代码生成 - IntersectionObserver
生成使用Intersection Observer实现图片懒加载的JavaScript代码，含过渡动画。
响应式图片srcset生成 - 断点描述符
输入多尺寸图片URL，生成带srcset和sizes的响应式img标签，适配各种屏幕。
WebP图片兼容性回退 - picture/ source标签生成
为图片生成同时支持WebP和传统格式的<picture>标签代码，确保全浏览器兼容。
Brotli压缩率测试 - 文本/文件在线压缩
输入文本或加载文件，使用Brotli算法压缩，显示压缩前后大小和比率。
资源提示标签生成器 - preconnect/prefetch
输入第三方域名，生成<link rel='preconnect'>或dns-prefetch等资源提示标签。
内容可见性优化提示 - content-visibility
分析页面结构，提示哪些长列表区域适合添加content-visibility: auto优化。
CSS注释移除器 - 清理样式表冗余
快速去除CSS中的注释块，可选保留或移除，轻量化样式代码。
首屏关键CSS提取工具 - 可视化选取折叠之上样式
粘贴HTML和CSS，工具将尝试分析并为你抽取首屏内联样式，辅助性能优化。
原生懒加载标签生成 - loading=lazy批量
为图片/iframe列表自动添加loading='lazy'属性及fallback，优化页面性能。
CSS压缩工具 - 在线精简样式表文件
删除CSS中的注释、空格和换行，极致压缩代码体积，提升页面加载速度。
HTML压缩工具 - 在线精简HTML代码
清除HTML中的多余空格、注释和换行，移除可选标签，有效减少文件体积。
GIF体积优化器 - 减少颜色和帧数
上传GIF，减少颜色数量、移除重复帧、调整尺寸以降低文件大小。
SVG代码优化器 - 在线精简SVG文件体积
移除SVG中冗余的属性、注释和元数据，降低文件大小，同时保持视觉效果不变。
在线图片压缩工具 - 前端Canvas无损压缩
使用Canvas API实现的图片压缩工具，调整质量压缩JPEG/PNG图片，减小文件体积，本地处理保护隐私。
JSON压缩工具 - 在线精简JSON数据
将格式化的JSON压缩为单行字符串，去除所有无意义空白，便于网络传输。
打印样式表生成 - 一键隐藏无用元素
自动生成适合打印的`@media print`样式，重置背景色、字号并隐藏导航。
字体子集化工具 - 按需提取字符
上传字体文件(或使用系统字体)，输入需要保留的字符集，生成只含这些字的精简字体。
CSS Sprite生成器 - 图片合并与定位代码生成
上传多张小图标，自动合并成一张Sprite图，并生成对应CSS背景定位代码，提升加载性能。