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路径数据转换为CSS clip-path: path() 语法,用于裁剪HTML元素。
在画布上通过控制点绘制曲线与直线,生成对应的SVG <path> d属性字符串,方便插画引用。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
通过Canvas调整图片的宽度和高度,支持保持比例或自定义尺寸,快速修改图片分辨率并下载。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
预设多种流行文字渐变样式,点击段落预览,一键复制background-clip代码。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
为按钮或卡片配置悬停时的边框、阴影、缩放、颜色等动画,自动生成CSS transition代码。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
上传CSV文件,指定优先排序列和升降序,干净地整理杂乱数据。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
选择图标形状,输入文字,调整颜色和布局,快速生成简易SVG格式Logo。
选择模板,调节颜色与动画,生成美观的单选/复选框样式代码。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
配置弹窗标题、内容、按钮和动画效果,一键生成干净的自定义模态框HTML/CSS代码。
设定最小与最大字体规格及视口范围,自动生成CSS clamp() 函数,实现流式排版。
上传图片,转换为带颜色和符号的网格图,辅助制作十字绣图纸。
给定一个边长或对角线,根据常见比例计算另一边长或分辨率。
添加本地视频和SRT字幕文件,预览并生成带硬字幕的新视频文件。
浏览数十种纯CSS实现的加载小动画,点击复制代码直接用于项目。
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
输入像素值并设定根字号或视口宽度,一键换算为 rem/em/vw 等相对单位,方便响应式开发。
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
设定根元素字号(默认16px),快速将rem值转换为px或反向,精准控制布局尺寸。
上传图片并可视化调整九宫格切片线,生成CSS border-image相关代码。