两步快速下载网页中的SVG矢量图标文件

当我们在浏览网页中,可能会看到一些不错的SVG矢量图标,这时我们想要保存下来后面用在图片设计上,会发现浏览器不支持SVG格式的下载,今天运营狗就教大家如何操作。

下载SVG图标

一、SVG是什么文件

svg是一种开放标准的矢量图形语言,是可缩放的矢量图形格式。svg格式的图像可任意放大图形显示,而且边缘异常清晰,生成的文件很小,方便传输,文字在svg图像中保留可编辑和可搜寻的状态,没有字体的限制,所以十分适合用于设计高分辨率的Web图形页面。

二、SVG下载两步骤

1、谷歌chrome打开SVG文件的实际页面路径地址,比如:Icons/Dachart/flachdach.svg,这个可以在你要下载的SVG图标上右键复制图片网址。浏览器打开后按下F12,右侧调出开发者工具,点击如下图所示三个点,再选择copy – copy element,也就是把整个<svg></svg>标签中的代码复制。

下载网页中的SVG矢量图标

2、新建TXT文件,将刚才复制的代码复制到文本中,更改文件后缀为SVG即可。

TXT更改文件后缀为SVG

三、如何打开SVG图片文件

由于SVG是矢量图文件,一般的图片查看工具无法打开,可以使用Adobe Illustrator查看且再次编辑SVG文件,还能导出保存为其他格式的文件。SVG文件还可以通过浏览器打开,也有一些其它的软件比如SVGDeveloper专业SVG格式编辑软件。

SEO运营课程

最后,如果你想了解一下SEO行业的推广逻辑和推广方法,或者是有计划想通过SEO来进行创业或者进行就业、变现赚钱的你,不妨看看这个专属的SEO配套课程:

SEO推广体系课

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点,也不对网站内容的真实性负责,如有侵权,请联系站长删除,转载请注明出处:两步快速下载网页中的SVG矢量图标文件:https://www.zcly.cn/102930.html。
(0)
网站运营师的头像网站运营师贡献者
上一篇 2022年12月4日 05:58
下一篇 2022年12月4日 12:59

猜你喜欢

发表回复

登录后才能评论

QQ:1124602020
微信:vl54120
备注:周一至周五全天在线,周末可能不在线,另外联系时,请告知来意。

公众号
交流群
运营狗会员,开通可享海量资源与多项权益,点击了解详情