怎样保存网页上的 svg 图片有大用

星期三, 2019-11-20 09:47 — adminshiping1

我以Google浏览器和阿里图标库(iconfont)举例，教大家怎么保存iconfont上的LOGO。

需要什么：sublime text 编辑器，sublime text软件的下载地址请点击原文地址去下载iconfont

步骤流程：

第一步：在浏览器任意区域先右键点击**检查**，弹窗开发者工具，然后选择开发者工具右侧上的箭头后点击要保存的SVG图片，在代码区域就会出现一段以SVG开头的代码。

第二步：选中这段代码后右键点击编辑该代码，Ctr+A选中，Ctr + C复制整段代码

第三步：复制代码到sublime text编辑器，然后保存，保存时命名为【名称+ .svg】，格式设置为svg的就可以保存到自己的本地电脑上了。

保存后就能看到iconfont的图标了，喜欢的朋友点个赞支持下哦~~

原文地址：网页链接

评论举报收起

千锋集团
推荐于2017-12-16

CSs样式里的可以查看源代码，翻出文件的相对位置，再加上CSs文件目录就Ok了。遇到直接嵌入的，最简单的办法是复制整个<svg>元素的源码。但这样可能会失去外部样式表，多个SVG或者HTML与SVG混用时也不好办。
 本回答被网友采纳
 5   
评论分享
举报

shihoumacili
2016-01-12

　　由于svg是矢量图文件，一般的图片查看工具无法打开，使用Adobe Illustrator可以查看而且能够再次编辑svg文件，还能导出保存为svg或其他格式的文件。svg文件还可以同过浏览器打开，如使用火狐浏览器就可以直接保存svg文件，不过有些浏览器可能要安装插件，其它的软件还有如SVGDeveloper专业svg格式编辑软件。

　　svg格式具备目前网络流行的jpg和png等格式无法具备的优势：可以任意放大图形显示，但绝不会以牺牲图像质量为代价;可在svg图像中保留可编辑和可搜寻的状态;平均来讲，svg文件比其它格式的图像文件要小很多，因而下载也很快。

来自 https://zhidao.baidu.com/question/682638874708037732.html

sublime text 编辑器，sublime text软件的下载地址请点击原文地址去下载

iconfont

步骤流程：

第一步：

在浏览器任意区域先右键点击**检查**，弹窗开发者工具，然后选择开发者工具右侧上的箭头后点击要保存的SVG图片，在代码区域就会出现一段以SVG开头的代码。

《怎样保存网页上的svg图片？》