如何下载 SVG 图标与矢量图
简短回答
网页上的 SVG 只有两种可能:一种是浏览器抓取回来的文件,另一种是直接写进页面里的标记。前者可以像任何图片一样保存;后者背后根本没有文件,所以右键菜单什么也给不了你。批量下载工具收集的是那些真实存在的 SVG 文件,并以 .svg 存盘,矢量数据完好,不会被转成像素。
手动怎么做
右键图标选「图片另存为…」——当这个 SVG 是作为独立文件加载时有效。
菜单里什么都没有的时候,通常只能走开发者工具:找到对应元素或网络请求,再手工把标记或文件抠出来。
手动做法在哪失效
- 内联 SVG 是页面自身标记的一部分,浏览器手里没有文件可以给你。
- 用作 CSS 背景的图标压根就没有右键菜单项。
- 从开发者工具里复制标记会丢掉写在页面样式表里的样式,图标存出来可能变成黑色或者尺寸不对。
- 一套图标动辄几十个文件,上面这些操作重复几十遍不叫方案。
用 ImgDown 怎么做
第 1 步
扫描页面
打开图片列表。以文件形式加载的 SVG 会和位图一起出现,每张都标着格式,很好挑。
第 2 步
只留 SVG
把 SVG 之外的文件类型全部关掉。剩下的就是这个页面上的矢量素材——通常是 logo、图标和示意图,其它干扰都不在了。
第 3 步
以矢量形式下载
文件按站点提供的原样保存,所以 .svg 还是 .svg:仍然可编辑、仍然可缩放,不会在导出路上被压成位图。
相关问题
就在你现在打开的页面上试试
免费、不用账号,你打开的下一个图廊就能用上。