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在网页上大的应用是可变大变小而且不模糊,其次就是文件比较小。特别适合响应式网站制作。
如何做好网站建设设计的几个流程企业网站建设改版五大要素网站收录量与反链不高为什么权重却很高?网站为什么要做SEO呢?SEO优化到底对网站有什么好处优化网站进度的体现是站内站外的任务汇总网页怎么设计具体会有什么要求呢河南大力支持第四代移动通信网络建设发展品牌网站建设解决方案七步走