前端开发必备工具—SVG优化器

在网络上，性能是至关重要的：用户访问网络在等待内容加载时会变得不耐烦，而搜索引擎往往会惩罚那些速度缓慢、反应迟钝的网站。作为前端开发者，就要不断优化网站，使用户获得更好的体验，只有学会更多的前端知识和技能，才能使网站变得更好看，更稳定

优化图形是构建快速网站和应用程序的必要步骤，SVG图形也不例外。为了确保SVG代码干净整洁，使用SVG优化器已成为前端开发人员工作流程中必不可少的一步。

下面是两个SVG优化器，它们的工作非常出色，被专业开发人员广泛使用。

1、Jake Archibald的《SVGOMG》

SVGOMG是一个用于优化可伸缩向量图形(SVG)文件的免费在线工具。它可以让你对SVG代码应用许多优化选项并预览最终结果。它很容易使用，也可以离线工作。SVGO优化是可以根据需要启用和禁用的插件，SVGOMG为你提供了一种可视化的方法。

SVGOMG是一个安全删除和优化这些数据以减少文件大小的工具。这是一个非常简单的工具，但是它可以帮助提高网站的整体性能并避免网页上出现膨胀。SVGOMG是SVGO Optimizer的UI实现，它是基于Node.js的命令行工具。

2、Peter Collinge的SVG优化器

这是另一个奇妙的、免费的在线SVG优化工具，你可以使用它来修剪SVG代码。它直观易用。这个优化器还可以自动将内联SVG属性移动到文档顶部的样式块中，这在更复杂的艺术品上成为了一个杀手级功能，非常强大。

SVG在前端开发中变得越发流行，利用好SVG优化器工具，你可以提高工作效率并简化工作流程。