svg和png有什么区别 svg和png哪个好

大家好,今天小编来为大家解答以下的问题，关于svg和png有什么区别，svg和png哪个好这个很多人还不知道，现在让我们一起来看看吧！

HTML5中Canvas和SVG网页绘制图形的区别

Canvas和SVG都允许在浏览器中创建图形，但是它们在根本上是不同的。

Canvas

描述：

通过Javascript来绘制2D图形。

是逐像素进行渲染的。

其位置发生改变，会重新进行绘制。

SVG

描述：

一种使用XML描述的2D图形的语言

SVG基于XML意味着，SVGDOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。

在SVG中，每个被绘制的图形均被视为对象。如果SVG对象的属性发生变化，那么浏览器能够自动重现图形。

比较

Canvas

依赖分辨率

不支持事件处理器

弱的文本渲染能力

能够以.png或.jpg格式保存结果图像

最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG

不依赖分辨率

支持事件处理器

最适合带有大型渲染区域的应用程序（比如谷歌地图）

复杂度高会减慢渲染速度（任何过度使用DOM的应用都不快）

不适合游戏应用

ps存储和导出有什么区别

储存为和导出为主要区别在两个方面

1：格式的区别。储存为可以存为好多好多格式，而导出为只有PNG,JPG,GIF,SVG四种格式

2：编辑的区别。导出为可以在导出页面中调整参数（在图像菜单项中也可以作调整，因此个人觉得没什么用）

但是也存在别的区别。以“Photoshop中导出为JPG和另存为JPG有什么区别”为例作了详细的讲述。既然导出为的JPG和储存为的jpg存在区别，那么可以推测另外三种文件格式也是存在区别的。

svg是什么文件格式

是指图形文件格式。

SVG是一种图形文件格式，它的英文全称为ScalableVectorGraphics，意思为可缩放的矢量图形。

svg文件是绘图文件,是使用AdobeIllustrator生成的矢量图文件，一般使用在网页设计中。Svg文件还可以通过浏览器打开，如火狐浏览器可以直接打开svg文件。其它线上网站能打开svg文件的有：wxeditor、svgomg、vectorpaint还可以将svg格式保存为常用的png格式。

图像文件png，svg都有何特点

SVG可缩放矢量图形（ScalableVectorGraphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG由W3C制定，是一个开放标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。PNG格式图片通常被我们当做素材来使用，在设计过程中，不可避免的要搜索相关文件，如果是JPG格式文件，抠图就在所难免，费时费力，gif格式虽然具有透明性，但其只是对其中一种或几种颜色设置为完全透明，并没有考虑对周围颜色的影响，所以此时PNG格式文件就成了我们的不二之选。我们经常在网页中看到整个页面使用同一个PNG图片做背景，按钮、导航条等全做在一张图片上，其实就是这个道理，究其缘由无非就是PNG图片在下载过程中占带宽较小，而且颜色逼真，下载一次可重复使用。

svg下载和png下载哪个好

SVG下载和PNG下载都有各自的优点和适用场景。SVG文件可以无限缩放而不失真，适用于需要高清晰度的图像，如网页设计、印刷品等。PNG文件则适用于需要透明背景的图像，如Logo设计、图标等。因此，选择哪种格式要根据具体需求而定。如果需要高清晰度的图像，建议选择SVG格式；如果需要透明背景的图像，建议选择PNG格式。

好了，文章到此结束，希望可以帮助到大家。