服务热线 400-660-8066

青岛网站建设
首页 站内资讯

青岛网站建设

站内资讯
青岛网站建设 / 站内资讯 / 行业资讯 / 正文

网站制作图片格式SVG介绍

来源: All文章
发布时间:2023-05-09 16:00:38

  SVG图片格式英文全称ScalableVectorGraphics,意思为可缩放的矢量图形。可能平时我们都使用JPG、PNG、GIF图像格式,完全没用过SVG,这都很正常,但有时你在网页上发现别人网站上的图标,无论怎么缩小放大都不变形,当你觉得神奇的时候,你就会发觉这是一个SVG图像,才会去了解它、使用它。

  SVG图像最大的优点是可以用任何文字编辑工具编辑,通过代码来描绘图像和让图片具有动态效果,还可以插入到网页上。

  SVG优点如下:

  1、可被所有文本编辑器编辑;

  2、文件小,可压缩性好;

  3、图片可伸缩;

  4、可在任何的分辨率下被高质量地打印;

  5、可以与JavaScript技术一起运行;

  6、文件是纯粹的XML,是开放的标准;

  7、随着浏览器的升级,现如今大部分浏览器都支持显示。

  如何插入SVG到网页中

  1、使用标签embed

  标签被所有主流的浏览器支持,并允许使用脚本。

  2、使用标签object

  标签是HTML4的标准标签,被所有较新的浏览器支持。它的缺点是不允许使用脚本。

  3、使用标签iframe

  标签可工作在大部分的浏览器中。

  SVG图像如何制作?

  可以使用Illustrator制作SVG文件,还可以直接修改代码

  SVG在网页上最大的应用是可变大变小而且不模糊,其次就是文件比较小。特别适合响应式网站制作

  

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr