400-800-9385
网站建设资讯详细

网站制作图片格式SVG介绍

发表日期:2018-01-05 17:03:16   作者来源:方维网络   浏览:3602   标签:网站制作    
SVG图片格式

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

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

SVG优点如下:

1、可被所有文本编辑器编辑;
2、文件小,可压缩性好;
3、图片可伸缩;
4、可在任何的分辨率下被高质量地打印;
5、可以与 JavaScript 技术一起运行;
6、文件是纯粹的 XML,是开放的标准;
7、随着浏览器的升级,现如今大部分浏览器都支持显示。

如何插入SVG到网页中

1、使用标签embed

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

2、使用标签object

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

3、使用标签iframe

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


SVG图像如何制作?

可以使用Illustrator制作SVG文件,还可以直接修改代码
SVG在网页上最大的应用是可变大变小而且不模糊,其次就是文件比较小。特别适合响应式网站制作。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/4097.html
制作相关公司评论
  • 牛推上海网络推广公司是一家服务网络推广公司,主要提供网络营销顾问。广州小程序制作需要多久,这些服务包括网络营销诊断分析,网站改进和优化,网络营销计划以及网络营销管理咨询等服务。...
    海北藏族网站搭建公司
  • 八位小编是在百度了解后发现用户内部的各种推广活动并非本科阶段,所以目前并没有这个家庭的详细数据,在考虑有没有多少资源就可以有这么多选择。关于网络推广的费用网络推广的费用包括网...
    陇南小程序商城开发公司