.png与.jpg的图片格式的区别?以及它们分别应用场景?
2017-04-13 10:01
483 查看
一、.jpg/jpeg格式的图片(jpg全名:jpeg)
JPG(或是JPEG):
优点:(1)占内存小,网页加载速度快;
(2)主要用于摄影作品或者写实作品(或是其他细节、色彩丰富的图片)或大的背景图;对多色彩表现较好;不适于文字较多的图片。根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告Banner等图像更适合采用JPG的图片格式保存。
缺点:JPG格式图片是有损压缩的图片,有损压缩会使原始图片数据质量下降,即JPG会在压缩图片时降低品质。
二、.png格式的图片
.png:
优点:(1)JPG格式图片是无损压缩的图片,能在保证最不失真的情况下尽可能压缩图像文件的大小。
(2)图片质量高;色彩表现好;支持透明效果;提供锋利的线条和边缘,所以做出的logo等小图标效果会更好;更好地展示文字、颜色相近的图片。
(3)PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。
(4)所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片则需要采用PNG。但也会有一些特殊情况,例如有些图像尽管色彩层次丰富,但由于图片尺寸较小,上面包含的颜色数量有限时,也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次,这个时候就需要采用JPG进行存储了。主要用于小图标或颜色简单对比强烈的小的背景图。根据经验用于页面结构的基本视觉元素,如容器的背景、按钮、导航的背景等应该尽量用PNG格式进行存储,这样才能更好的保证设计品质。
[b]缺点:(1)占内存大,会导致网页加载速度慢;[/b]
[b](2)对于需要高保真的较复杂的图像,PNG虽然能无损压缩,但图片文件较大,不适合应用在Web页面上。 [/b]
注:在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。
JPG(或是JPEG):
优点:(1)占内存小,网页加载速度快;
(2)主要用于摄影作品或者写实作品(或是其他细节、色彩丰富的图片)或大的背景图;对多色彩表现较好;不适于文字较多的图片。根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告Banner等图像更适合采用JPG的图片格式保存。
缺点:JPG格式图片是有损压缩的图片,有损压缩会使原始图片数据质量下降,即JPG会在压缩图片时降低品质。
二、.png格式的图片
.png:
优点:(1)JPG格式图片是无损压缩的图片,能在保证最不失真的情况下尽可能压缩图像文件的大小。
(2)图片质量高;色彩表现好;支持透明效果;提供锋利的线条和边缘,所以做出的logo等小图标效果会更好;更好地展示文字、颜色相近的图片。
(3)PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。
(4)所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片则需要采用PNG。但也会有一些特殊情况,例如有些图像尽管色彩层次丰富,但由于图片尺寸较小,上面包含的颜色数量有限时,也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次,这个时候就需要采用JPG进行存储了。主要用于小图标或颜色简单对比强烈的小的背景图。根据经验用于页面结构的基本视觉元素,如容器的背景、按钮、导航的背景等应该尽量用PNG格式进行存储,这样才能更好的保证设计品质。
[b]缺点:(1)占内存大,会导致网页加载速度慢;[/b]
[b](2)对于需要高保真的较复杂的图像,PNG虽然能无损压缩,但图片文件较大,不适合应用在Web页面上。 [/b]
注:在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。
相关文章推荐
- gif | jpg | png图片格式及应用场景
- 图片格式jpg,gif,png-8,png-24的区别,及其各自的使用场景
- png、jpg、gif三种图片格式的区别
- 简述jpg、gif、png-8、png-24的区别,分别使用场景
- png、jpg、gif三种图片格式的区别
- 常见图片格式jpg、jpeg、png、gif等之间的区别
- png、jpg、gif三种图片格式的区别
- png、jpg、gif三种图片格式的区别
- jpg,png,gif图片格式的区别和优劣
- png、jpg、gif三种图片格式的区别
- jpg、jpeg、png、gif、bmp、tiff、ai、cdr、eps 图片格式的区别
- GIF,JPG和PNG等格式图片在网页设计中的应用
- 常见图片格式jpg、jpeg、png、gif等有什么区别
- 简述jpg、gif、png-8、png-24的区别,分别使用场景
- png,jpg,gif这些图片格式解释一下,分别什么时候用,webp呢
- png、jpg、gif三种图片格式的区别
- springboot搭建文件预览解决方案,支持目前主流格式office文件,txt文件,png,jpg等图片以及压缩文件的在线预览功能
- Bitmap,jpg,png区别以及在Android上实现不载入内存压缩图片
- 图片保存jpg、png、gif格式的区别
- JPG png GIF BMP图片格式的区别