网站制作图片格式SVG介绍

2023-03-11 分类：网站建设

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在网页上大的应用是可变大变小而且不模糊，其次就是文件比较小。特别适合响应式网站制作

。

本文题目：网站制作图片格式SVG介绍
链接URL：https://www.cdcxhl.com/news32/243332.html

成都网站建设公司_创新互联，为您提供企业建站、网站建设、网站改版、标签优化、微信公众号、网页设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容