SVG 生成器和优化器

一体化 SVG 工具包:波浪、斑点、图案、多边形、螺旋和星形生成器以及 SVG 优化器、缩小器、清洁器、路径编辑器、颜色替换器和精灵生成器 — 实时预览、复制和下载,免费。

完整的 SVG 工具包,包含 14 个实用程序 - 波浪、斑点、图案、多边形、螺旋和星形生成器、路径编辑器和 viewBox 计算器,以及优化器、缩小器、清洁器、路径简化器、颜色替换器和精灵生成器 - 每个实用程序都具有实时预览和复制、数据 URI 或下载输出。

Share
类别
开发者工具
包括
7特点
使用权
自由的 · 无需注册
隐私
在您的浏览器中运行
SVG 生成器和优化器

Calibrating SVG Forge Studio......

Please wait a moment

如何使用

如何使用SVG 生成器和优化器

  1. 01

    选择一个工具

    从可搜索侧边栏中选择生成器、编辑器或处理器 - 总共 14 个 SVG 实用程序。

  2. 02

    调整或粘贴

    调整生成器的滑块和颜色,或将 SVG 标记粘贴到处理器中。

  3. 03

    实时预览

    矢量立即渲染并具有可切换的背景;处理器显示之前/之后的字节节省。

  4. 04

    出口

    复制为原始 SVG、数据 URI 或 CSS 背景 — 或下载优化的 .svg 文件。

使用案例

常见用例

  • 为登陆页面英雄部分创建波浪和斑点分隔线
  • 为网站生成无缝 SVG 背景图案
  • 在交付生产之前优化和缩小图标
  • 清理来自 Illustrator 或 Inkscape 导出的编辑器残迹
  • 在几秒钟内重新着色 SVG 以匹配品牌调色板
  • 将多个图标捆绑到一个可重复使用的 SVG 精灵中
概述

大多数网站都没有的 14 个 SVG 工具

SVG Forge 是一个完整的矢量工作台:生成波浪、斑点、无缝图案、多边形、螺旋和星形;编辑原始路径并计算viewBoxes;并优化、缩小、清理、简化、重新着色或将 SVG 捆绑到精灵中。每个生成器都有实时预览和控件;每个处理器都会显示之前/之后的大小节省情况。它填补了大多数工具网站忽视的空白——在一个地方提供专用的、高质量的 SVG 实用程序。

按照您的方式复制、嵌入或下载

每个结果都可以复制为原始 SVG 标记、准备粘贴的数据 URI 或 CSS 背景规则,并下载为 .svg 文件。生成器支持随机化和重置以进行快速探索,处理器准确报告您节省了多少字节。一切都在您的浏览器本地运行 - 您的作品永远不会上传。

特征
01
一间工作室中有 14 个 SVG 生成器和处理器
02
波浪、斑点、图案、多边形、螺旋和星形制作器
03
SVG 优化器、缩小器和清理器,可节省尺寸
04
路径编辑器、viewBox 计算器和路径简化器
05
颜色替换器和多图标精灵生成器
06
复制为 SVG、Data URI 或 CSS — 以及 .svg 下载
07
本地优先——您的作品永远不会离开浏览器
常问问题

常见问题

包含哪些 SVG 工具?+

十四:波浪、斑点、图案、多边形、螺旋和星形发生器;路径编辑器和 ViewBox 计算器;优化器、缩小器、清洁器、路径简化器、颜色替换器和精灵生成器 - 全部在一个界面中。

如何免费优化 SVG 文件?+

打开优化器,粘贴 SVG 标记,然后选择小数精度、剥离注释和元数据以及折叠空白等选项。该工具显示原始字节大小与优化字节大小以及保存的百分比,然后让您复制或下载结果。

如何制作 SVG 波浪或斑点?+

使用波形或斑点生成器,调整滑块(振幅、频率、复杂度、对比度)和颜色,矢量就会实时更新。点击随机化来探索变化,然后复制 SVG 或下载它。

我可以获取 SVG 作为 CSS 背景或数据 URI 吗?+

是的。每个生成器输出都提供三个导出选项卡 - 原始 SVG、紧凑的数据 URI 和可粘贴的 CSS 背景图像规则 - 以及一键式 .svg 下载。

SVG 清理器会删除什么?+

它去除了矢量编辑器添加的 XML 声明、DOCTYPE、注释、<metadata> 和特定于编辑器的命名空间(Inkscape 和 Sodipodi),留下干净、可移植的标记。您还可以选择删除 id 属性。

我的 SVG 是否上传到服务器?+

不会。所有生成和处理都使用客户端 JavaScript 在浏览器中本地运行。您的图稿和标记永远不会离开您的设备,因此它是私密且即时的。