常用网页图像格式简述:bmp/jpg/gif

一、BMP 图像文件

BMP图像文件最早应用于Windows操作系统,是Windows操作系统中的标准图像文件格式,是最简单的图像格式。

BMP图像格式非常简单,仅具有最基本的图像数据存储功能,能存储每个像素1位、4位、8位和24位的位图。虽然它提供的信息过于简单,但是由于 Windows系统的普及以及BMP本身具有格式简单、标准、透明的特点,BMP图像文件格式得到了推广,它一般应用于Windows系统下的屏幕显示以及一些简单图像系统中。

这种格式的特点是包含的图像信息较丰富,几乎不压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。现在很少会在网页中使用。

一张24位的800×600的bmp格式图形文件大小:

800×600×3byte=1440000byte≈1440byte≈1.44M

二、GIF 图像文件

GIF格式的特点是压缩比高,磁盘空间占用较少,所以这种图像在网页中运用很多。

GIF的两种版本:

GIF87a:只是简单地用来存储单幅静止图像。

GIF89a:可以同时存储若干幅静止图象进而形成连续的动画,使之成为支持 2D动画的格式。可指定透明区域,使图像具有非同一般的显示效果,这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文件。像素画。QQ秀,QQ空间等N多QQ的东西。

GIF图像格式还增加了渐显方式,也就是说,在图像传输过程中,用户可以先看到图像的大致轮廓,然后随着传输 过程的继续而逐步看清图像中的细节部分,从而适应了用户的"从朦胧到清楚"的观赏心理。

由于8位存储格式的限制,使其不能存储超过256色的图像,适合在图片颜色总数少于256色的使用。

让GIF格式达到最佳显示效果的方法:

如果色系较少,颜色少于256,调色板可以选择为“精确”。

不要选“失真”。

一般情况,调色板选择“最合适”,最大颜色数选择“256”。如果色彩稍多于256色,可将抖动设为“100%”。

为防止边缘出现锯齿,不需要透明的时候,尽量不透明。

一个小技巧:

如需将网页切片导出成gif格式的时候,如果色彩较丰富,不宜一起导出,而应该将切片一个一个的导出。如下图的按钮:

三、JPEG 图像文件

JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像质量。

JPEG 2000同样是由JPEG 组织负责制定的,与JPEG相比,它具备更高压缩率以及更多新功能的新一代静态影像压缩技术。

JPEG2000 作为JPEG的升级版,其压缩率比JPEG高约30%左右。与JPEG不同的是,JPEG2000 同时支持有损和无损压缩,而JPEG只能支持有损压缩。无损压缩对保存一些重要图片是十分有用的。

JPEG2000的一个极其重要的特征在于它能实现渐进传输,这一点与GIF的“渐显”有异曲同工之妙,即先传输图像的轮廓,然后逐步传输数据,不断提高图像质量,让图象由朦胧到清晰显示。

此外,JPEG2000还支持所谓的"感兴趣区域"特性,你可以任意指定影像上你感兴趣区域的压缩质量,还可以选择指定的部份先解压缩。

使用jpg图像的注意点:在图像质量和文件尺寸之间找到平衡点。一般80%的压缩率是比较合适在网页中使用的。

时间: 2024-10-01 04:18:45

常用网页图像格式简述:bmp/jpg/gif的相关文章

常用网页图像格式简述:png/svg

PNG 图像格式 PNG是一种可携式网络图像格式.PNG一开始便结合GIF及JPG两家之长,打算一举取代这两种格式.1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准,并且大部分绘图软件和浏览器开始支持PNG图像浏览,从此PNG图像格式生机焕发. IE浏览器从4.0版本开始支持png图像浏览. 特点1:兼有gif和jpg的色彩模式. 我们知道gif格式图像采用了256色以下的index color色彩模式,jpg采用的是24位真彩模式.png不仅能储存256色以下的index co

Dreaweaver常用网页编辑技巧集锦

技巧|网页 在我们制作网页的时候会经常碰到一些需求,如果不知道方法,说不定会困扰我们半天.其实实现它们都很简单,下面我们就一起来看看这些常用的网页编辑方法. 取消文本居中 在编排网页文本时,你可能会遇到这样的问题:只想让一行字符居中,但其它行的字符却会跟着也变成居中了.其实,这是因为在Dreamweaver MX中进行居中.居右操作时,默认的区域是P.H1-H6.Div等格式标识符,如果你的语句没有用标识符隔开,Dreamweaver MX 2004就会将整段文字均作居中处理.解决方法就是将想要

HTML常用网页特效

常用HTML特效代码 1.忽视右键   <body oncontextmenu="return false">   或   <body style="overflow-y:hidden">  2.加入背景音乐   IE:<bgsound src="*.mid" loop=infinite>   NS:<embed src="*.mid" autostart=true hidden=tr

网页教学网推荐:常用网页设计效果代码十五例

设计|网页|网页设计 1.忽视右键 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> 2.加入背景音乐 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=tru

DIV+CSS常用网页制作布局技术技巧

 CSS布局常用的方法:float:none|left|right  取值: none: 默认值.对象不飘浮 left: 文本流向对象的右边 right: 文本流向对象的左边  它是怎样工作的,看个一行两列的例子  xhtml代码: 以下是引用片段: <div id="wrap">  <div id="column1">这里是第一列</div>  <div id="column2">这里是第二列&l

常用网页嵌入播放器代码精解收集

因为自己需要,所有,收集整理一下相关的资料 我们在网页上看到的播放器无外乎WMP/RealOne/Macromedia Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的.例如:网络上最流行的windows media流(asf,wma,wmv格式...),Real流(rm,rmvb...),还有MPEG系列编码格式(MP4/MP3格式...) WMP控件加入了ActiveX解码器控件,不仅可

常用网页编辑器漏洞手册(全面版)fckeditor,ewebeditor_网页编辑器

FCKeditor FCKeditor编辑器页/查看编辑器版本/查看文件上传路径 FCKeditor编辑器页 FCKeditor/_samples/default.html 查看编辑器版本 FCKeditor/_whatsnew.html 查看文件上传路径 fckeditor/editor/filemanager/browser/default/connectors/asp/connector.asp?Command=GetFoldersAndFiles&Type=Image&Curren

30款jQuery常用网页焦点图banner图片切换 下载

1.jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动   查看演示   2.jquery幻灯片插件带滚动条的圆形立体图片旋转滚动   查看演示   3.jQuery图片层叠旋转类似洗牌翻转图片幻灯片   查看演示   4.jQuery iNav插件图片分类导航选项卡切换图片滚动列表   查看演示   5.jQuery全屏图片幻灯片插件带小图预览提示幻灯片滚动切换   查看演示   6.锦云外贸管理网站jQuery全屏按钮控制图片上下滚动     查看演示   7.酷炫的jQue

《EDIUS 6.5快刀手高效剪辑技法》——1.8 EDIUS中常用文件格式简介

1.8 EDIUS中常用文件格式简介 在EDIUS中可使用很多格式的视频.图片和音频文件.注意,有些文件格式是不被EDIUS支持的.文件格式就是指计算机为了存储信息而使用的对信息的特殊编码方式,是用于识别内部储存的资料.比如有的用于储存图片,有的用于储存视频,还有则是用于储存文字信息.每一类信息,都可以一种或多种文件格式 保存在电脑中.每一种文件格式通常会有一种或多种扩展名可以用来识别,但也可能没有扩展名.扩展名 可以帮助应用程序识别文件格式,像视频文件格式的扩展名有avi和mov,音频文件格式