首页>工作相关>网页设计中的SVG文件

网页设计中的SVG文件

SVG是一种可缩放矢量图形,这是一种独特的图像格式。与其他图片类型不同,SVG 不依赖特定的像素来构成我们所看到的图像,与之相反,它们使用“矢量”数据。

svg_on_web

SVG图形的优点

支持缩放:用户可以任意缩放图像显示,而不会破坏图像的清晰度、细节等;
文本独立:SVG图像中的文字独立于图像,文字保留可编辑和可搜寻的状态,但不会再有字体的限制,用户系统即使没有安装某一字体,也会看到和他们制作时完全相同的画面;
较小的文件体积:SVG文件比GIF和JPEG格式的文件要小很多,因而下载也很快;
丰富的色彩:SVG图像提供一个1600万种颜色的调色板,支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版;
交互X和智能化:由于SVG是基于XML的, 因而能制作出空前强大的动态交互图像,即SVG图像能对用户动作做出不同响应,例如高亮、声效、特效、动画等。

SVG图形的使用场景

标志设计:由于您可能会在网站和社交媒体中重复使用徽标,因此使用SVG可以解决任何潜在的可伸缩性问题;
图表:SVG非常适合图表和任何其他依赖于普通线条的插图;
动画元素:您可以使用CSS为SVG设置动画,这使它们成为网站设计中的有用组件,尤其是对于微交互。

不适合使用SVG的情况

因为过多的图像细节会导致SVG的体积成倍增长,所以SVG一般被用于线条相对简单,颜色较为明快的场景。如果细节很重要并且数量很多,比如需要展示一张地图或者照片这样的工作,那么PNG或JPEG格式的图片更为适合。

编辑SVG图形的工具

我们可以像创建任何其他图形一样创建SVG,通过使用设计程序并将文件另存为 SVG。许多现代化图形设计工具都支持对这类格式的编辑,以下只是其中的一小部分:

  • Illustrator
  • Photoshop
  • Animate
  • InDesign
  • Coreldraw
  • Microsoft Visio
  • Inkscape
  • GIMP

标签: 文件格式

移动端可扫我直达哦~

推荐阅读

convert 2023-04-28

icomoon字体格式:TTF,WOFF,EOT&SVG

利用icomoon的若干图标(10多个)生成了一个字体压缩包,解压之后发现fonts文件夹里有4个文件,总大小接近20kb,感觉尺寸有点大的离谱,于是尝试了一下挨个删除任一文件,结果发现无论保留ttf或是woff文件,图标都可以正常显...

工作相关 文件格式

convert 2023-03-28

如何打印包含密码保护的pdf文件

需要打印一压缩包文件,合同啊违约责任之类的,word文档都没有什么问题,有一个pdf文件直接按ctrl+p打印没有反应,pdf阅读器上打印与截图按钮都是灰的。拖入coreldraw试了一下,显示文件有加密,心里不禁吐槽,你又不给打印又...

工作相关 文件格式

convert 2022-10-22

谷歌webp图片格式的转换

经常从网上搜索一些素材图片,发现百度以及360上下载的图片很多都变为了webp格式,windows10自带画图软件无法查看与编辑,较老版本的photoshop也不支持这种格式。webp概况由谷歌于2010年推出的新一代图片格式,在压缩...

工作相关 文件格式

convert 2022-10-13

中文文件名引起cloudconvert转换失败一例

朋友发过来一个cad文件,说是几个配件的图纸,让帮忙打印一下。其实自己工作中很少用到cad,也很久没有更新cad软件的版本,所以毫无悬念的没有能够成功打开。在博客中曾经介绍过一个文件转换的英文站点,支持丰富的格式,也不需要注册或者关注...

工作相关 文件格式

convert 2022-10-12

在线压缩pdf文件的工具网站

同事做了一个pdf格式的样本,成品大概有40多m,考虑这么大的尺寸发送给客户容易发送失败,甚至有可能被拒收,所以想压缩的稍微小一些。打包压缩文件有很多种工具,但pdf压缩还真不常使用,手头也没有现成的工具。在线压缩工具尝试了搜索结果中...

工作相关 文件格式

convert 2022-10-11

iphone照片后缀名导致博客图片不显示

这个博客的主题是博主自己根据自带的twentyten主题修改的,因为不太清楚如何处理不同种类的图片,暂时对于站点的图片以及缩略图,都尽量选择了jpg格式。某次上传了几张图片,发现缩略图无法正常显示,格式是jpg的无误,在电脑上也是可以...

工作相关 文件格式

convert 2022-09-29

如何将Pdf转为Word

并不太恰当的标题抛开具体使用场景谈效果是不合时宜的,一般有将Pdf转化为Word文档需求的,其初衷往往是希望在保留其排版的同时,还能够对文字部分进行编辑。一方面当前的转换技术大部分使用了Ocr识别,对文字识别倒是能做到精确匹配,但对于...

工作相关 文件格式

convert 2022-09-28

cad文件在线转换格式

CAD是工作中经常遇到的文件格式,因为CAD软件版本更新迭代比较快,而新版本默认的保存格式又无法被旧版本识别,所以经常会出现明明电脑上安装了CAD,却无法打开客户发送过来的相关图纸文件的情况。如果能直接联系到制图人员,那当然是极好的,...

工作相关 文件格式