现在很多网站都会使用 SVG 向量图档案,特别是 Logo 标誌,也因此一般正常情况下,是无法下载的,而这篇就要教你通过一款 Google Chrome 扩展来实现,让你以后都能轻鬆下载网页 SVG 档。
如果你刚好也想要製作 SVG 格是的 Logo 标誌,后面也会推荐一个很不错的网站服务。
SVG 是什麽?
SVG 中文名字叫可缩放矢量图形(Scalable Vector Graphics),基于 XML(Extensible Markup Language)所开發,由 World Wide Web Consortium(W3C)联盟开發的,可让你设计高分辨率的 Web 图形。
最常见是用在製作网站的 Logo 标誌,现在市面上有很多种装置,如:电脑、Mac、移动手机、平板等等,每一个尺寸都不一样,为了能适应浏览器不同大小,SVG 就是最佳选择,它还能防止图形变模煳。
只不过,SVG 通常是指向连结,没办法直接右键下载。而下面就要来教你轻鬆破解。
SVG 优点
- 可伸缩延展到任何大小,不失真
- 可通过文本编辑器来创建和修改
- 图像可被搜索、索引、脚本化或压缩
- 任何的分辨率下被高质量地打印
- 图像质量不下降的情况下被放大
如何下载网页 SVG 图像
这裡要推荐的 Chrome 扩展名称叫 SVG Gobbler,点击右上方安装:
我以 Google 网站为例:
进到 Google 往战后,点击右上方 SVG Gobbler 扩展图示,就会列出此页面找到的所有 SVG 图像,尺寸也会告诉你,你可以单独下载,也能按右上方一键下载全部:
会是压缩档,打开就能看到刚刚所有的 SVG 图像,是不是非常简单?:
接下来,我会再教你如何製作 SVG 的 Logo 标誌。
如何製作 SVG 格式的 Logo 标誌
网路上很多选择,这裡以 Looka 为范例,于中间栏位输入你要製作的 Logo 标誌名字,然后按右侧 Get Started:
选择这个 Logo 是要用于哪个产业,输入关键字下方就会出现菜单:
屏幕会出现非常多 Logo 设计,挑选 5 个你最喜欢的风格:
再来是选择颜色,没办法决定的话也能按下方 Skip this step 跳过:
提供多一点信息,看你要不要填 Logo 的座右铭 Slogan,不想要跳过这步:
选择你喜欢的标誌图形:
再来就会显示製作好的 Logo 样板,选一个进入自定义工具:
左侧有非常多工具可以使用,也能更改成其他 Logo 样板:
完成之后就按左上角 Saved Logos:
把鼠标移到上方,点击 Buy 进行购买,接着就看你想要哪一种方案了:
结论
以上就是 SVG 下载和 Logo 製作的简单方法,如果你有任何疑问,欢迎于文末留言给我们。
延伸阅读: