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

发布网友发布时间：2022-04-20 20:27

我来回答

共5个回答

热心网友时间：2023-12-13 17:49

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

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

步骤流程：

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

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

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

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

原文地址：网页链接

热心网友时间：2023-12-13 17:50

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

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

热心网友时间：2023-12-13 17:50

ctrl P另存为pdf，然后用ai打开

热心网友时间：2023-12-13 17:51

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

热心网友时间：2023-12-13 17:51

复制svg图片地址链接到迅雷下载