Logo

Fast Text Format

返回控制台

Fast Text Format Tools

极速实用的终极工具集合,可进行格式化、转换和简化您的工作流。

收藏夹

最近使用

最近添加

文本及比较

代码及格式化

Base64 转文件

将 Base64 字符串或 Data URI 解码还原为可供下载的文件(图像、PDF、文档、音频),支持实时预览。

代码美化

美化、验证并压缩您的 JSON、JavaScript、CSS 和 HTML 代码为清晰易读的语法。

CSS 格式化

格式化、美化、验证并压缩 CSS 样式表,支持自定义缩进。

CSS 可视化生成器

可视化生成并导出阴影、渐变、Flexbox 及 Grid 网格布局的 CSS 代码。

CSV 转 JSON/SQL

将 CSV 数据转换为 JSON 数组或 SQL INSERT 语句。

cURL 转 Fetch

轻松将 cURL 命令转换为 JavaScript Fetch API 代码。

HTML / XML

即时美化、压缩并清理混乱的代码。

HTML 转 JSX

客户端工具,将 HTML 标签和属性转换为 React 兼容的 JSX 语法。

HTML 转 Tailwind CSS

将标准的行内样式和 CSS 规则转换为 Tailwind CSS 原子类,支持实时预览。

JS 代码混淆器

将可读的 JavaScript 代码转换为不可读且压缩的代码,保护核心业务逻辑。

JSON 转代码

将 JSON 对象转换为支持各种语言的类型化模型。

JSON 树状视图查看器

直观查看、展开、折叠、搜索和过滤复杂的 JSON 数据,并支持路径复制。

Markdown

使用实时 HTML 预览编写原始 markdown。

Source Map 查看器

客户端工具,用于上传 .map 文件并反混淆/还原堆栈轨迹。

SQL 格式化

美化和格式化混乱的 SQL 查询。

字符串转义与反转义

安全转义(与反转义)引号、反斜杠和换行符,适用于 JSON 字符串、SQL 查询、HTML 和 Java/C# 代码。

SVG 优化器

压缩并清理原始 SVG 代码。

SVG 转 PNG/WEBP

客户端工具,利用 HTML Canvas 将 SVG 代码或文件光栅化渲染为可下载的图像。

XML 实用工具

格式化和压缩 XML 字符串。

YAML <-> JSON

在 YAML 和 JSON 之间即时转换。

数据及加密

生成器及实用工具

ASCII 艺术

生成大型 ASCII 艺术文本横幅。

条形码生成器

客户端工具,使用 Canvas 从文本生成一维线性条形码(UPC、EAN、Code39)。

CHMOD 计算器

轻松计算 Linux 文件权限。

颜色对比度

检查 WCAG 色彩对比度可访问性。

颜色格式

即时转换 HEX、RGB 和 HSL 颜色代码。

Cron 解码器

将 cron 表达式翻译成人类可读的文本。

Favicon 图标生成器

将常用图像转换为广泛兼容的 .ico 文件并生成标准的 Web 应用图标尺寸。

图像 Base64

将图像文件安全转换为 Base64 Data URI 字符串和 CSS background-image 样式属性。

图片压缩工具

在浏览器本地压缩并优化 JPEG、PNG、WEBP 和 AVIF 图像。

Markdown 表生成器

可视化网格编辑器,允许用户轻松添加行/列并立即输出格式完美的 Markdown 表格语法。

Meta 标签与 Open Graph 生成器

生成并直观预览 SEO Meta 标签、Twitter 卡片和 Facebook Open Graph 标签。

模拟数据生成器

生成数百行虚假测试数据(姓名、电子邮件、地址、日期、信用卡)并将其导出为 CSV、JSON 或 SQL INSERT 语句以进行数据库测试。

密码生成器

使用加密算法创建强大的安全密码。

PDF 工具箱

100% 在浏览器本地合并、拆分、提取、旋转和重新排序 PDF 页面。

占位文本

为 UI 界面模型创建随机的占位文本。

QR 二维码

从文本或 URL 创建可伸缩和可扫描的二维码。

正则表达式测试器和构建器

使用实时匹配和捕获组突出显示、语法解释细分以及多字符串测试模式来测试正则表达式。

Robots.txt 生成器

构建有效的 robots.txt 规则和爬虫指令,并阻止 AI 抓取工具。

UUID / GUID

即时生成通用唯一标识符 (v4)。

XML Sitemap 生成器

构建包含自定义 URL、更新频率和优先级的有效 XML Sitemap,供搜索引擎索引。

财务及单位

网络

生成器及实用工具

图像转 Base64 (Data URI)

将图像文件安全转换为 Base64 Data URI 字符串和 CSS background-image 样式属性。

上传图片

将图像拖放至此或点击浏览

限制:每个图片 25MB

Preview

使用说明

将图片文件拖放到放置区或点击浏览。转换器会生成 Base64 Data URI 字符串和可直接复制到样式表中的 CSS background-image 属性。

常见问题解答

什么是数据 URI 方案?

一种 URI 方案(data:[<mediatype>][;base64],<data>),允许将小图像和媒体文件作为文本字符串直接嵌入 HTML、CSS 或 JSON 文档中。

如何将图像转换为 Base64?

图像文件的二进制字节序列被编码为一组 64 个 ASCII 字符,允许将其视为文本字符串而不是单独的二进制文件。

Base64图像有什么优点?

消除额外的 HTTP 请求,防止图像加载闪烁,启用独立的电子邮件模板,并将资产捆绑到单文件组件中。

Base64图像有什么缺点?

Base64 会使文件大小增加约 33%,并且无法由浏览器独立缓存,这会增加 HTML/CSS 文档的下载大小。

何时应使用 Base64 图像与外部图像 URL?

最适合小图标、SVG 图形和加载 10KB 以下的占位符;避免使用标准 CDN 缓存更优越的大型英雄图像和照片库。

哪些图像格式可以转换为 Base64?

所有 Web 图像格式:PNG、JPEG、WEBP、GIF、SVG、ICO 和 AVIF。

如何在 CSS 中嵌入 Base64 图像?

在background-image属性中使用它:background-image: url('data:image/png;base64,iVBORw0KGgo...');。

如何在 HTML 中嵌入 Base64 图像?

直接在图像标签的 src 属性中使用它:<img src="data:image/png;base64,iVBORw0KGgo..." alt="Inline Image">。

Base64 图像会损害 Web 性能和 Core Web Vitals 吗?

是的;将大型 Base64 字符串内联到 CSS 或 HTML 中会阻止 DOM 渲染并夸大关键渲染路径,从而损害首次内容绘制 (FCP)。

您的图片在此处转换时是否上传到服务器?

不会。图像是使用浏览器的 FileReader API 在本地处理的;您的照片和图形永远不会离开您的计算机。支持最大 25MB 的图像。

找不到结果

请尝试调整您的搜索词。