无需登录 数据私有 本地保存

SVG元数据编辑器 - 查看修改Title/Desc

图像工具 开发工具 SVG 元数据 编辑
70
0
0
0

SVG 元数据编辑器

查看和修改 SVG 文件的 Title、Description 及 Metadata 元数据信息

SVG 输入
拖拽 SVG 文件到此处 或点击选择文件 · 支持 .svg 格式
SVG 基本信息
元数据编辑
用于描述SVG的简短标题，辅助功能和SEO友好
详细描述SVG内容，有助于搜索引擎理解和索引
可包含 RDF、Dublin Core 等结构化元数据。请保持有效的 XML 格式。

请先加载 SVG 文件或粘贴 SVG 代码

支持上传 .svg 文件或在左侧输入框中粘贴代码
SVG 预览
SVG 预览将在此显示
常见问题与知识点

SVG 元数据是指嵌入在 SVG 文件中的描述性信息，主要包括 <title>（标题）、<desc>（描述）和 <metadata>（结构化元数据）元素。它们不会影响 SVG 的视觉呈现，但对于可访问性（无障碍访问）、SEO 优化和文件管理非常重要。屏幕阅读器会读取 title 和 desc 来帮助视障用户理解图像内容，搜索引擎也会索引这些信息。

<title> 提供简短的标题（类似图片的 alt 文本），通常是一句话概括 SVG 内容，屏幕阅读器优先读取。<desc> 提供更详细的描述，可以包含多行文本，用于补充说明 SVG 的用途、设计意图或版权信息。两者都是可选的，但推荐至少包含 title 以提升可访问性。根据 SVG 规范，title 应该是 svg 元素的第一个子元素。

Dublin Core 是一套通用的元数据标准（15个核心字段），常用于描述数字资源。在 SVG 中，Dublin Core 元数据通常嵌入在 <metadata> 元素内，使用 RDF/XML 格式。常见字段包括 dc:title、dc:creator、dc:description、dc:date、dc:rights 等。Adobe Illustrator 和 Inkscape 等工具生成的 SVG 通常会自动包含这些元数据。你可以在本工具的"高级元数据"编辑区中查看和修改这些内容。

是的，非常有帮助。搜索引擎（如 Google）会解析和索引 SVG 文件中的文本内容，包括 title 和 desc 元素。合理填写这些元数据可以让你的 SVG 图标、插图在图片搜索中获得更好的排名。此外，当 SVG 被直接引用（如 <img src="icon.svg">）时，title 相当于 alt 文本，对网页的整体 SEO 也有积极影响。建议为每个重要的 SVG 文件添加描述性的 title 和相关关键词。

不会。<title>、<desc> 和 <metadata> 元素都是非渲染元素，修改它们不会对 SVG 的视觉外观产生任何影响。它们仅用于提供描述性信息。因此你可以放心地编辑元数据，而不用担心破坏 SVG 的图形内容。不过，在编辑原始 metadata XML 时，请确保 XML 格式正确，避免因格式错误导致文件解析失败。

你可以用文本编辑器（如 VS Code、Notepad++）打开 SVG 文件，在文件开头部分查找 <title>、<desc> 和 <metadata> 标签。也可以使用本工具：上传或粘贴 SVG 代码后，工具会自动解析并在编辑面板中显示现有的元数据内容。如果字段为空，说明该 SVG 尚未包含对应的元数据，你可以直接添加。

当前版本主要支持单文件编辑。如需批量处理，你可以使用命令行工具（如 svgo、自定义脚本）或支持批量编辑的桌面软件（如 Inkscape）。不过，你可以通过本工具逐个处理文件：编辑完一个 SVG 后下载，再加载下一个。对于少量文件的处理，这种方式也很高效。未来版本可能会考虑加入批量处理功能。
🔧 相关工具