位图文件和矢量图文件为常见的两种图片文件类型,位图片文件是由方形像素组成,相机拍的照片就是位图,像是 JPG、PNG 或是 BMP 均属于这种,而矢量图文件则是基于数学公式的曲线和路径的图形所构成,可以在不破坏影像画质的情况下调整大小,这类最常见的图片文件类型就是 SVG 。

SVG 矢量图片文件以 XML格式储存,而 SVGOMG 这个免费网站可让我们上传 SVG 图片文件后,根据自身需求勾选要删除 XML 内与图片文件本身无关的项目,像是 XML instructions、comments、metadata…以减少文件大小,而该网站除了可预览最佳化后的 SVG 图片文件,也会计算最佳化后的文件大小,让使用者参考。

1.使用浏览器进入 SVGOMG 网站,可以先点击 Demo 载入网站所准备的范例 SVG 图片。

2.图片载入后,不调整其默认的参数值,最佳化后的文件大小数据会显示在图片下方。

3.使用者可自行关闭或打开要使用的参数值,而每次的变更除了反映在图片外,文件大小的比较数据也会随之变动,最后可按下载按钮将调整完的 SVG 图片文件下载下来。

4.另外,切换到 MARKUP 标签可看 SVG 文件内容变化。

网站地址:https://jakearchibald.github.io/svgomg/