用于处理 SVG 图像的强大工具包 - 在任何网页上扫描、提取、转换、优化和编辑 SVG
SVG 工具 - 面向 Web 专业人员的完整 SVG 工具包
SVG Tools 是一款全面的浏览器扩展，专为每天使用可缩放矢量图形的 Web 开发人员、设计师和数字专业人士而设计。这一一体化工具包直接在浏览器中提供强大的扫描、转换、优化和编辑功能，从而简化了您的 SVG 工作流程。
概述
在网络上使用 SVG 从未如此简单。 SVG Tools 通过将基本的 SVG 功能组合到一个直观的界面中，消除了对多个独立应用程序的需求。无论您需要从网站提取 SVG、将其转换为不同格式、优化文件大小还是进行快速编辑，SVG Tools 都可以在您不离开浏览器的情况下处理这一切。
主要特点
扫描器
智能 SVG 扫描仪会自动检测并从您访问的任何网页中提取所有 SVG 元素。这包括直接嵌入 HTML 中的内联 SVG、作为图像加载的 SVG 文件、嵌入的 SVG 对象以及用作 CSS 背景图像的 SVG。扫描仪以有组织的砖石网格布局呈现所有发现的图形，并带有实时预览，使您可以轻松识别和选择所需的资产。每张扫描的 SVG 卡都提供用于复制、编辑、转换、优化或下载单个文件的快速操作按钮。对于批量操作，使用侧边栏控件一次下载所有 SVG，将它们发送到转换器，或批量优化整个集合。
转换器
精确轻松地将您的 SVG 文件转换为光栅格式。该转换器支持多种输出格式，包括具有透明度的 PNG、具有可自定义背景颜色的 JPG、用于现代 Web 优化的 WebP 以及用于创建网站图标和图标的 ICO。使用可选的宽高比锁定设置自定义输出尺寸以保持比例。该转换器可以处理单个文件和批处理操作，允许您同时处理多个 SVG。所有转换后的文件都打包成一个方便下载的 ZIP 存档。只需将文件拖放到转换器中或直接从扫描仪结果发送即可。
优化器
减小 SVG 文件大小而不牺牲视觉质量。优化器删除了经常使 SVG 文件膨胀的不必要代码，包括注释、元数据、特定于编辑器的标记、空属性和隐藏元素。其他选项允许您缩小内联样式并缩短颜色值以实现最大压缩。下载前预览优化结果并比较文件大小以查看节省的空间。优化器可处理上传的文件和扫描仪捕获的 SVG。批处理允许您一次优化整个集合。
编辑
无需外部软件即可精确调整 SVG 代码和视觉属性。该编辑器提供两种互补模式来适应不同的工作流程。
代码编辑器模式提供对 SVG 源代码的直接访问，并具有语法友好的格式。从计算机加载 SVG 文件、从剪贴板粘贴代码或直接从扫描仪发送 SVG。 format 函数清理代码结构以提高可读性。将编辑后的代码复制到剪贴板或立即下载修改后的文件。
可视化编辑器模式提供了一个直观的界面，无需接触代码即可调整 SVG 属性。通过设置自定义宽度和高度值来修改尺寸。使用颜色选择器或十六进制输入字段更改填充和描边颜色。使用滑块控件调整描边宽度和不透明度。应用从零到三百六十度的旋转。通过精确控制放大或缩小图形。使用快速操作按钮水平或垂直翻转。重置功能可随时恢复原始 SVG 状态。所有更改都会实时显示在实时预览面板中，您可以将可视化修改应用回代码编辑器以进一步细化。
为什么选择 SVG 工具
简化的工作流程
无需在多个应用程序之间切换即可完成简单的 SVG 任务。 SVG Tools 将扫描、转换、优化和编辑整合到一个紧密结合的界面中。这种集成可以节省时间并减少创作过程中的摩擦。
无需帐户
SVG Tools 完全在您的浏览器中运行，无需注册、登录或订阅。您的文件保留在您的设备上，永远不会上传到外部服务器，确保完全的隐私和数据安全。
专业品质输出
该转换器可生成适合生产使用的高质量光栅图像。 PNG 和 WebP 格式保留完全透明度。 JPG 格式会自动应用白色背景，因为该格式不支持透明度。 ICO 格式创建带有嵌入 PNG 数据的正确 favicon 文件。优化器使用经过验证的技术来减小文件大小，同时保持视觉保真度。该编辑器提供对 SVG 属性的精确控制，以获得专业级结果。
批处理
通过批量下载、批量转换和批量优化功能高效处理多个文件。在几秒钟内处理整个 SVG 集合，而不是一次处理一个文件。所有批量下载都方便地打包为 ZIP 存档。
现代界面
干净、深色主题的界面可减少长时间工作期间的眼睛疲劳。固定侧边栏提供扫描仪、转换器、优化器和编辑器部分之间的轻松导航。响应式设计确保在不同屏幕尺寸上舒适使用。直观的控制和清晰的标签最大限度地缩短了学习曲线。
轻量且快速
SVG Tools 针对性能进行了优化，对浏览器资源的影响最小。该扩展加载速度快，并立即响应用户交互。操作期间不联系外部服务器。
使用案例
网页开发
从参考网站中提取 SVG 图标、徽标和插图以进行分析或获取灵感。将 SVG 转换为适合不同平台要求的格式。在部署之前优化 SVG 资源以缩短页面加载时间。无需打开设计软件即可直接编辑 SVG 属性。
设计工作
从设计系统文档中快速获取 SVG 元素。无需打开繁重的设计应用程序即可快速调整颜色或尺寸。将 SVG 导出为光栅格式以用于演示或文档。使用实时预览测试不同的视觉变化。
数字营销
从合作伙伴网站获取品牌资产。将矢量徽标转换为各种营销渠道的特定尺寸。优化文件大小很重要的电子邮件营销活动的图形。创建 ICO 格式的网站图标文件以进行网站品牌推广。
内容创作
收集博客文章或社交媒体内容的视觉元素。通过适当的透明度处理将 SVG 转换为 Web 友好格式。确保优化文件大小以加快内容交付速度。编辑颜色和尺寸以符合您的品牌准则。
教育与研究
分析 SVG 结构和代码以供学习之用。从教育资源中提取图形。通过前后比较来研究优化技术。使用可视化编辑器试验 SVG 属性。
技术规格
支持的输入格式：SVG 文件和内联 SVG 元素
输出格式：SVG、PNG、JPG、WebP、ICO
批量操作：支持下载、转换、优化
下载格式：用于批量操作的 ZIP 存档
浏览器兼容性：Chrome、Edge、Brave 和其他基于 Chromium 的浏览器
隐私：所有处理都在本地进行，没有数据传输
安装与使用
只需单击一下即可从 Chrome 网上应用店安装 SVG 工具。安装后，单击浏览器工具栏中的扩展图标以打开完整界面。导航到任何包含 SVG 的网页，当您打开扩展程序时，扫描仪将自动检测可用的图形。使用选项卡式侧栏根据需要在扫描仪、转换器、优化器和编辑器功能之间切换。每个扫描的 SVG 都会显示操作按钮，以便快速访问所有功能。
隐私和安全
SVG 工具在浏览器中本地处理所有文件。没有数据传输到外部服务器。未实施任何分析或跟踪。无需创建帐户。该扩展仅请求运行所需的最低权限：用于扫描页面的活动选项卡访问、用于保存首选项的存储、用于保存文件的下载以及用于内容检测的脚本。您的 SVG 文件和任何修改都完全保留在您的设备上。
支持和更新
SVG Tools 通过定期更新进行积极维护，以确保与最新浏览器版本的兼容性并根据用户反馈引入新功能。通过扩展页面上列出的支持渠道报告问题或提出改进建议。
概括
SVG Tools 直接在浏览器中提供专业级 SVG 功能。集成的扫描仪、转换器、优化器和编辑器消除了对多种工具的需求，同时提供了网络专业人员所需的功能。从任何网站提取 SVG，通过适当的透明度处理将其转换为多种格式，优化文件大小以获得更好的性能，并以可视方式或通过代码编辑属性。立即安装 SVG 工具来简化您的 SVG 工作流程并提高您的工作效率。
