认识达内从这里开始

图片是程序员在设计网页的时候会经常用到的一个网页开发元素，而今天我们就通过案例分析来了解一下，网页设计常用的图片类型都有哪些。

JPEG/JPG：使用JPEG格式压缩的图片文件，是目前应用广泛的图片格式之一。普遍被使用的扩展名格式为.jpg，其他常用的扩展名还包括.jpeg、.jpe、.jfif以及.jif。联合图像专家小组(JointPhotographicExpertsGroup)1992年发布JPEG压缩标准，1994年获得ISO10918-1认证。其特点是有损压缩，直接色，位图，体积小，常用于颜色较丰富、无透明要求的图片。

PNG：PNG是一种无损压缩的位图图形格式，支持索引、灰度、RGB三种颜色方案以及Alpha通道等特性。PNG的开发目标是改善并取代GIF作为适合网络传输的格式而不需专利许可。名称由来一个是PortableNetworkGraphics(便携式网络图形)，还有一个非正式的由来是"PngisNotGif"。使用场景是带有透明、半透明背景的图片，需要在网络传输中显示预览效果后展示全貌。上古时期的IE6不支持PNG半透明，需要用hack方法解决。PNG体积比较大，非必须可用JPG替代。PNG有png8、png24、png32之分。

png8:多支持256色的PNG，无损、索引色的位图。非动图可以替代GIF，体积更小，透明度支持也更好。

png24：多支持2^24色的PNG，不支持透明，无损、直接色的位图。目标是替换JPG，但一般来说，相同显示效果，PNG图片是JPG体积的数倍。

png32：加上8位Alpha通道的png24。(注：PS中导出图片时选择png24，勾选透明度，导出的是png32)。

GIF：图像互换格式(GraphicsInterchangeFormat)是一种位图图形文件格式，无损压缩、索引色。原始版本为87a，1989年发布89a版本，支持多帧动画和透明色。1995年NetscapeNavigator2.0发布，定义了动画循环多少次或是否无限次播放，现在聊天的动图都是基于该版本的GIF。GIF的特性如下：

优秀的LZW算法在保证质量的同时将体积变的更小。

可插入多帧实现动画效果。

可实现透明效果。

多支持256色，故不适用于真彩色图片。

WebP：Google2010年发布的同时支持有损和无损压缩的图片文件格式。有损用来替换JPG，无损用来替换PNG，动态用来替换GIF。根据Google较早的测试，WebP的无损压缩比网络上找到的PNG档少了45%的文件大小，即使这些PNG档在使用Pngcrush和PNGOUT处理过，WebP还是可以减少近30%的文件体积。

SVG：可缩放矢量图形(ScalableVectorGraphics)是一种基于可扩展编辑语言(XML)，用于描述二维矢量图形的图形格式。SVG由W3C制定，是一个开放标准。SVG的优点是文件可读，易于修改编辑。支持多种滤镜和特殊效果，在不改变图像内容的前提下可以实现位图中类似文字阴影的效果，还可以生成动态图形。

希望这辈子，最让你无悔的事情就是来达内学习！学习向来不是件易事，但无论过程多么艰难，希望你依然热爱生活，热爱学习！永远记得，达内将与你一同前行！现在扫码，立即领取万元课程礼包，助力0基础快速入行，为你梳理行业必备技能，全方位了解岗位发展前景！

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。