网站开发入门指南：媒体资源格式。
我们带着大家来简单的了解一下在网页开发中常用的这些媒体资源的一些文件格式。
·首先是图片资源，图片的这个文件格式在讲图片标签的时候其实也给大家去展示过有哪几种常用的图片格式。这里我就把这些格式的一些优缺点都先列在这里了，大家可以暂停先看。在网页当中去使用图片是有两个核心的这样的使用场景。
→那首先是非常常见的就是具体去展示的这种图片，这些图片都是展示的图片，还有就是像这些功能型的图片，功能型的这种小图标的图片。
→像这两种场景理论上来讲用任何一种图片格式都是可以的。但是目前来讲最常用的就是这两种格式，这两种格式大家注意看。这个SVG的图片格式就是现在是经常会用在这种功能型的一种场景。因为现在很多在线的设计软件都可以快速的方便的去复制这个设计好的图标的一个 SVG的版本。
而且SVG它本身是一个矢量，它任意缩放都不会有这种模糊的问题，所以它其实非常适合来做图标的这样效果。而且它图标本身一般来说都是比较简单的图形，所以也不会说牵扯到这种复杂图片导致文件过大的这样的一个问题。
·然后像展示型的文件现在很多的网站都用这种web.p的格式，VIP它是谷歌开发的一种图片的格式，它支持透明度和动画，还有就是它的这种图像质量会比这种PNG的更好，它的文件还比这个PNG的小很多，所以就是在现在很多的网站上都会大量的采用这个webp的格式来作为这种展示型图片的这样的一种格式。
然后像这种不同的图片格式，其实很多的设计软件都是可以导出的。
目前来说webp的格式可能就是很多软件并不支持直接的去导出这个格式。但是网上有很多可以转换的格式、转换的工具或者在线的工具都可以很方便的。比如说可以把JPG的格式、GIF的格式转换成webp的格式。然后是这个视频文件格式，主流的常用的就是这几种。
最常用的就是MP4格式和Web.m格式。Webm格式也是谷歌开发的这样一种视频格式。目前来说主流的浏览器对这两种视频格式支持度都已经非常不错。这两种视频文件格式都能在保证比较小的文件大小的前提下提供比较高的视频质量。
一个视频文件的文件大小是受很多因素去影响的，比如说像视频本身的帧率、分辨率还有码率等一些因素。如果你想更加深入的去研究，这块东西可以自行的查找一些资料去了解一下。
这里给大家补充一个很小的知识点，就是平常说的这些视频文件格式，其实它是一种容器格式就是我们的视频文件。内部其实包裹着两种重要的数据，一种就是我们所谓的这种视频的数据，另外一种就是音频的数据，它们两者其实是分开的。
有的同学可能听说过这样的一种视频格式叫做H.264。像这种其实是一种视频数据的编码标准。这个视频文件容器内的视频文件，这个视频数据才是真正的按照这些编码，视频的编码标准编码出来的这样一些视频数据。
像这个视频数据就是纯视频，也就是纯图像，它是没有任何声音的，只有跟音频的资源。音频的数据结合到一块之后才是看到的这种整体的打包好的、有声音、有图像的一种视频文件。所以我们要明白这些视频文件是一种容器的格式。
最后就是音频资源，音频资源其实核心常用的也就是这四种，最常用的肯定就是MP3。
像一般场景来说MP3的格式完全就够用了，像WAV它是一种无损的，所以文件一般来说会比较大。如果某一些特别的需要一些高保真的这样一种高质量音频的场景可能会用到这种格式。一般来说绝大部分的时候一般用MP3的格式就够了。