SVG转Data URI内联 - 优化后可直接用于CSS
粘贴SVG代码,压缩并编码为data URI,用于background-image或img。
UD5工具箱
\frac{a}{b} 表示分数),然后通过渲染引擎生成精美的排版结果。\frac{分子}{分母},如 \frac{1}{2} → ½\sqrt{内容},n次根号 \sqrt[n]{内容}x^{2} → x²;下标:x_{i} → xᵢ\sum_{i=1}^{n};积分:\int_{a}^{b}\alpha → α, \beta → β, \pi → π\begin{pmatrix} a & b \\ c & d \end{pmatrix}
{ 必须有对应的 }\fra 应为 \frac\sqrt 需要跟 {}&, %, $ 等在LaTeX中有特殊含义\bgcolor{white} 命令(需开启信任模式)。大多数情况下透明背景已满足需求,公式本身清晰可见。
粘贴SVG代码,压缩并编码为data URI,用于background-image或img。
移除SVG中冗余的属性、注释和元数据,降低文件大小,同时保持视觉效果不变。
粘贴 SVG path 数据,自动四舍五入坐标并移除不必要的命令,减小文件体积。
上传合并的精灵图,设定行数和列数,自动裁切为单独的小图并打包下载。
将SVG路径数据转换为CSS clip-path: path() 语法,用于裁剪HTML元素。
在画布上通过控制点绘制曲线与直线,生成对应的SVG <path> d属性字符串,方便插画引用。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
通过Canvas调整图片的宽度和高度,支持保持比例或自定义尺寸,快速修改图片分辨率并下载。
上传多个 SVG 文件,自动排列合并到一个 SVG 中,生成 symbol 雪碧图并保留 original id。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
预设多种流行文字渐变样式,点击段落预览,一键复制background-clip代码。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
为按钮或卡片配置悬停时的边框、阴影、缩放、颜色等动画,自动生成CSS transition代码。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
上传CSV文件,指定优先排序列和升降序,干净地整理杂乱数据。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
选择图标形状,输入文字,调整颜色和布局,快速生成简易SVG格式Logo。
选择模板,调节颜色与动画,生成美观的单选/复选框样式代码。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
调整 accent-color 值,实时查看单选框、复选框、进度条等原生控件的主题变化。
配置弹窗标题、内容、按钮和动画效果,一键生成干净的自定义模态框HTML/CSS代码。
保存常用代码片段,支持语法高亮显示、标签分类和全文搜索,数据存于 IndexedDB。
制作一张 3D 翻转卡片,切换 backface-visibility 属性观察背面隐藏与否。
设定最小与最大字体规格及视口范围,自动生成CSS clamp() 函数,实现流式排版。
上传图片,转换为带颜色和符号的网格图,辅助制作十字绣图纸。
输入同一数据源的两种 API 响应,并排展示结构差异,理解两种风格的数据组织。
上传多个视频片段,按顺序无缝拼接为一个视频,支持转场和重新编码下载。
给定一个边长或对角线,根据常见比例计算另一边长或分辨率。