gif/jpg/png 图片格式 简单对比

本文章来自于艾某人的网易博客。

在网站开发中,我们经常会用到背景图,或者是数据图,这些都是图片,我们常用的图片的文件格式有三种:GIF,JPG,PNG。这三种图片格式具有不同的特点,对动画、透明度支持的情况不同,同时对色彩的处理也不同。我们在开发的过程中只有选择合适的图片格式,才能使我们的开发速度更快。

在面试的过程中,发现被问的很频繁的是有关于图片格式的问题,这时候才猛然发觉我对这些问题知之甚少,仅停留在表面的一些认知,可能表面的认知也是需要提一下的,但是对于图片的认识越深,才能在选用的过程中选择最适合当前状况的图片格式。

如果对这些图片格式一无所知,为了单纯追求高清晰度的图片效果,或许会做出单一或者叫错误的选择。

gif图片格式

首先,gif格式的图片支持全透明,意思就是它并不支持半透明,仅可以是全透明或完全不透明,这是相对于png而言的。

其次,gif支持动画。1个gif文件中可以存储多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。

总结起来,gif广泛支持Internet标准,支持无损耗压缩和透明度,支持动画。但同时,gif格式不适合高清晰度图片,也不支持半透明显示。

jpg图片格式

引用一下,“JPG图片以24位颜色存储单个光栅图像。JPG是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式JPG文件支持交错。可以提高或降低JPG文件压缩的级别。但是,文件大小是以图像质量为代价的。压缩比率可以高达100:1。JPG压缩可以很好地处理写实摄影作品。但是,对于颜色较少、对比级别强烈、实心边框或纯色区域大的较简单的作品,JPG压缩无法提供理想的结果。有时,压缩比率会低到5:1,严重损失了图片完整性。这一损失产生的原因是,JPG压缩方案可以很好地压缩类似的色调,但是JPG压缩方案不能很好地处理亮度的强烈差异或处理纯色区域。”

对于前端,首先要知道的是jpg格式的图片完全不支持任何透明的显示,因此当图片有透明度的要求的时候,可以先放弃jpg格式。

jpg支持最高程度的压缩,当需要没有透明要求的大图时,可以尝试保存成jpg格式,适当的压缩到人眼舒适的程度。

png图片格式

png图片能够分成png8、png24和png32,在平时的工作中其实png24已经是十分够用了,png相对于gif和jpg格式流行的比较晚,浏览器和相关图片处理软件对png的处理也是随着发展逐步成熟,人们已经意识到png的可贵。

png格式支持半透明显示,这是很重要的。PNG同时还支持真彩和灰度级图像的Alpha通道透明度。

png图片能获得高的压缩比而不损失数据。“PNG文件采用LZ77算法的派生算法进行压缩,其结果是获得高的压缩比,不损失数据。它利用特殊的编码方法标记重复出现的数据,因而对图像的颜色没有影响,也不可能产生颜色的损失,这样就可以重复保存而不降低图像质量。”

具体的关于png图片格式的内容应该还会再稍微详细一点的介绍,毕竟png不是单纯的png。

Photoshop中,如何获取gif图像中的某一帧

时间: 2024-08-04 01:41:07

gif/jpg/png 图片格式 简单对比的相关文章

有关图片格式的分析

图片格式是计算机存储图片的格式,常见的存储的格式有bmp,jpg,tiff,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw等. BMP图像文件格式 BMP是一种与硬件设备无关的图像文件格式.它采用位映射存储格式,除了图像深度可选以外,不采用其他任何压缩,因此,BMP文件所占用的空间很大.BMP文件的图像深度可选lbit.4bit.8bit及24bit.BMP文件存储数据时,图像的扫描方式是按从左到右.从下到上的顺序. 由于BMP文件

png、jpg、gif三种图片格式的区别

一.首先我们来介绍下矢量图和位图 矢量图和位图,一般情况下我们都使用位图: 矢量图的优点在于文件相对较小,并且放大缩小不会失真.缺点则是这些完美的几何图形很难表现自然度高的写实图像. 位图的优点是利于显示色彩层次丰富的写实图像.缺点则是文件大小较大,放大和缩小图像会失真:位图又叫 像素图或栅格图. 尽管我们在web页面中所使用的JPG.PNG.GIF格式的图像都是位图,即他们都是通过记录像素点的数据来保存和显示图像,但这些不同格式的图像在记录这些数据时的方 式却不一样,这就是涉及到有损压缩和无损

图片格式中的小较真

关于图片格式,大家或多或少都能说出一两种来,平时写代码的时候也不时会用到不同格式的图片.但是我们在具体使用过程中,为了达到最佳的用户体验,我们需要根据不同的环境来选择不同格式的图片.这篇文章将为大家介绍一下常见的图片格式的特点. 矢量图与位图 首先,我们先来说一说矢量图和位图.所有的图片都可以划分到这种类别中的一个去. 我们平时画图的时候可以通过点线面这些几何特征明显的要素画图,像这样的. 也可以用许多点来构成图画,类似这样. 而同样,我们的电脑在显示图片的时候也可以分为两种--矢量图和位图.

ImageMagick更改图片格式进而缩小图片

在实例的生产环境中有时候我们的网站会用到比较小的图片,但是提供的图片相对来说比较大.像我之前文章中,我做了ImageMagick的安装和简单的使用实例,但是处理1M左右大小的图片最后还回有200k左右大小,当然对于生产环境还不尽满意.这时候就需要通过改变图片格式的方式来改变图片的大小. 参照之前的文章:http://xiaoxiaozhou.blog.51cto.com/4681537/1903499,需要做些补充说明.我们如果想要把png格式的图片转换为jpg格式的图片,需要做哪些工作: 1.

几种图片格式的简介

http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/ 几种图片格式的简介 首先谈一下大家耳熟能详的几种老牌的图片格式吧: JPEG 是目前最常见的图片格式,它诞生于 1992 年,是一个很古老的格式.它只支持有损压缩,其压缩算法可以精确控制压缩比,以图像质量换得存储空间.由于它太过常见,以至于许多移动设备的 CPU 都支持针对它的硬编码与硬解码. PNG 诞生在 1995 年,比 JPEG 晚几年.它本身的设计目的是替代 GIF 格

HTTPS, SPDY和 HTTP/2性能的简单对比

中文原文:HTTPS, SPDY和 HTTP/2性能的简单对比 整理自:A Simple Performance Comparison of HTTPS, SPDY and HTTP/2 请尊重版权,转载请注明来源,谢谢! 这几天手机不断被联通劫持,用知乎日报都会被插入联通的垃圾广告,更别说在微信中访问第三方网站了.于是关注了一下防止网站被运营商劫持的技术,这里推荐Fenng之前发的文章,在流氓无下限的运营商的手段下面,我们能做的其实并不多.而HTTPS和SPDY其实是更好的技术,不仅能保证不被

前端开发中常用的几种图片格式及其使用规范

在介绍图片格式之前,首先说一些额外的东西. 矢量图与位图. 矢量图是通过组成图形的一些基本元素,如点.线.面,边框,填充色等信息通过计算的方式来显示图形的.一般来说矢量图表示的是几何图形,文件相对较小,并且放大缩小不会失真. 这里有一点要注意的是web开发中用到的图片都不是矢量图,即使是一个三角形,只有一个边框,都是位图. 那么矢量图在哪里有用到呢? 我目前的知识池就知道一个图标字体,比如 font-awesome 目前在前端的开发中常用的图片格式有三种:jpg,png,gif.这些都是位图.

JPEG/PNG/GIF图片格式简析

JPEG/PNG/GIF是Web浏览器广泛支持的3种图片格式. 1.JPEG格式最适合保存照片和其他复杂图像. 2.GIF和PNG格式最适合保存logo和其他包含单色.线条.文本的简单图形. 3.JPEG图像可以按不同质量压缩,所以可以很好地权衡图像质量和文件大小来满足需要. 4.GIF和PNG图像格式允许建立一个有透明背景的图像. 5.GIF和PNG是无损格式,这说明相比于JPEG文件,这些格式的文件往往更大. 6.PNG可以提供比GIF更好的透明度控制,而且不像GIF只支持256种颜色,PN

bmp,jpg,png,tif,wmf,emf与eps图片格式转换

wmf/emf是两种Microsoft Windows的图形文件格式.它是一个矢量图格式,但是也允许包含位图.本质上,一个WMF文件保存一系列可以用来重建图片的Windows GDI命令.在某种程度上,它类似于印刷业广泛使用的PostScript格式. 关于wmf2eps安装使用的问题可参考如下两个网页. http://www.kellogg.northwestern.edu/rc/miktex-install.htm http://www.wolf-s.homepage.t-online.de