网站建设中使用的png和jpg两种图片格式都有哪些特点和区别？

首先要提到的是，济南网络建设的技术人员在网站建设中多多少少都会使用一些图片，png、jpg、gif等都有涉及，gif主要用于动画图片，在这里不多讲，小编主要讲的是JPG和PNG两种图片格式的区别。

jpg全名是JPEG，是图片的一种格式。JPEG图片以24位颜色存储单个位图。JPEG是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。

便携式网络图形（Portable Network Graphics简称PNG）是一种无损压缩的位图片形格式。其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。

JPG的特性

1、支持摄影图像或写实图像的高级压缩，并且可利用压缩比例控制图像文件大小。

2、有损压缩会使图像数据质量下降，并且在编辑和重新保存JPG格式图像时，这种下降损失会累积。

3、JPG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。

PNG的特性

1、能在保证在不失真的情况下尽可能压缩图像文件的大小。

2、PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。

3、对于需要高保真的较复杂的图像，PNG虽然能无损压缩，但图片文件较大，不适合应用在Web页面上。

​什么时候应该使用PNG

1、图像上颜色较少，并且主要以纯色或者平滑的渐变色进行填充。

2、具备较大亮度差异以及强烈对比的简单图像（如“立刻购买”按钮中的背景和文字）。

什么时候应该使用JPG

1、对于写实的摄影图像或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。

2、根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告Banner等图像更适合采用JPG的图片格式保存。

总结：

由此可见在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。一般层次丰富颜色较多的图像采用JPG存储，而颜色简单对比强烈的则需要采用PNG。但也会有一些特殊情况，例如有些图像尽管色彩层次丰富，但由于图片尺寸较小，上面包含的颜色数量有限时，也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次，这个时候就需要采用JPG进行存储了。

另外还有一个原则就是用于页面结构的基本视觉元素，如容器的背景、按钮、导航的背景等应该尽量用PNG格式进行存储，这样才能更好的保证设计品质。而其他一些内容元素，如广告Banner、商品图片等对质量要求不是特别苛刻的，则可以用JPG去进行存储从而降低文件大小。