常见网页图像格式

常见网页图像格式 JPG/JPEG JPG/JPEG格式是在目前Internet中很受欢迎的图像格式，JPEG可支持多达16M颜色，它能展现十分丰富生动的图像，还能压缩。但压缩方式是以损失图像质量为代价，压缩比越高图像质量损失越大，图像文件也就越小。流行的Windows支持的位图BMP格式的图像一般情况下，同一图像的BMP格式的大小是JPEG格式的5至10倍。而GIF格式最多只能是256色，因此载入256色以上图像的JPEG格式成了Internet中最受欢迎的图像格式。当网页中需要载入一个较大的GIF或JPEG图像文件时，装载速度会很慢。为改善网页的视觉效果，可在载入时设置为隔行扫描。隔行扫描在显示图像开始看起来非常模糊，接着细节逐渐添加上去直到图像完全显示出来。 GIF格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。 两种版本: GIF87a:只是简单地用来存储单幅静止图像。 GIF89a:可以同时存储若干幅静止图象进而形成连续的动画，使之成为支持 2D动画的格式。可指定透明区域，使图像具有非同一般的显示效果，这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文件。像素画。QQ秀，QQ空间等N多QQ的东西。 GIF图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先看 过程的继续而逐步看清图像中的细节部分，到图像的大致轮廓，然后随着传输 从而适应了用户的"从朦胧到清楚"的观赏心理。 GIF图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输 过程的继续而逐步看清图像中的细节部分，从而适应了用户的"从朦胧到清楚"的观赏心理。 由于8位存储格式的限制，使其不能存储超过256色的图像。 最适合在图片颜色总数少于256色的使用。GIF格式，文体体积小，而且清晰度非常高。 让GIF格式达到最佳显示效果的方法: 如果色系较少，颜色少于256，调色板可以选择为“精确”。 不要选“失真”。 一般情况，调色板选择“最合适”，最大颜色数选择“256”。如果色彩稍多于256色，可将抖动设为“100%”。 为防止边缘出现锯齿，不需要透明的时候，尽量不透明。 一个小技巧: 如需将网页切片导出成gif格式的时候，如果色彩较丰富，不宜一起导出，而应该将切片一个一个的导出。 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 color图像，还能储存24位真彩图像，甚至能最高可储存至48位超强色彩图像。 特点,:png能把图像文件压缩到极限以利于网络传输，但又能保留所有与图像品质有关的信息。 如果你的图像是以文字、形状及线条为主，png会用类似gif的压缩方法来得到较好的压缩率，而且不破坏原始图像的任何细节。据国际网络联盟测算，八位的png图像比同位的gif图像就小10%到30%。 而对于相片品质一类的压缩，png则采用类似jpg的压缩演算法。但是jpg压缩程度越大、影像的品质越差。因为它的压缩是采用的是破坏性压缩法、每次压缩的同时便多多少少漏掉一些像素。 png不同于jpg的地方在于:它处理相片类图像亦是采用非破坏性压缩，图像压缩后能保持与压缩前图像质量一样，没有一点失真。 特点,:更优化的传输显示。 熟悉gif格式的图像处理者知道，gif图像有两种模式——normal(普通)模式和interlaced(交错)模式。interlaced模式更适用于网络传输。在传送图像过程中，浏览者先看到图像一个大略的轮廓然后再慢慢清晰。png也采取了interlaced模式，使图像得以水平及垂直方式显像在萤幕上，加快了下载的速度。 特点,:支持图像透明显示。 gif格式虽然也支持透明显示，采用gif格式透明图像过于刻板，因为gif透明图像只有1与0的透明信息、只有透明或不透明两种选择，没有层次;而png提供了α频段0至255的透明信息，可以使图像的透明区域出现深度不同的层次。 png图像就可以让图像覆盖在任何背景上都看不到接缝，改善gif透明图像描边不佳的问题。 特点,:兼容性较好。 gif图像在不同系统上所显示的画面也会跟着不一样，但png却可以让你在Macintosh上制作的图像与在Windows上所显示的图像完全相同，反之亦然。 png被 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 成可以通过网络传送到任何机种及作业系统上读取。 文字资料(如作者、出处)、储存遮罩(MASK)、伽玛值、色彩校正码等信息均可参杂在 png图像中一起传输。 几个发现: 不透明和索引色透明的图片， png8比gif更加具有优势。 Alpha透明的图片，png8比gif显示效果好，但文件更大。 png24没有透明效果:包括索引色透明和Alpha透明。 不同的浏览器，显示效果不一样。 Firefox:支持png8的索引色透明度， png8 和png32的alpha透明度。 IE:支持png8的索引色透明度，但不支持png8和png32的alpha透明度。(网上有解决方法,Js,css滤镜) 网页中使用的照片类图片，jpg文件比png24要小很多。 不排除特殊情况 SVG SVG可以算是目前最最火热的图像文件格式了，是种可缩放的矢量图形。它是基于XML，由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。 用户可以 直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。 SVG提供了目前网络流行格式GIF和JPEG无法具备了优势:可以任意放大图形显示，但绝不会以牺牲图像质量为代价; 文字在SVG图像中保留可编辑和可搜寻的状态;平均来讲，SVG文件比JPG和GIF格式的文件要小很多，因而下载也很快。 可以相信，SVG的开发将会为Web提供新的图像标准。 文 - 汉语汉字 编辑词条 文，wen，从玄从爻。天地万物的信息产生出来的现象、纹路、轨迹，描绘出了阴阳二气在事物中的运行轨迹和原理。 故文即为符。上古之时，符文一体。 古者伏羲氏之王天下也，始画八卦，造书契，以代结绳(爻)之政，由是文籍生焉。--《尚书序》 依类象形，故谓之文。其后形声相益，即谓之字。--《说文》序》 仓颉造书，形立谓之文，声具谓之字。--《古今通论》 (1) 象形。甲骨文此字象纹理纵横交错形。"文"是汉字的一个部首。本义:花纹;纹理。 (2) 同本义 [figure;veins] 文，英语念为:text、article等，从字面意思上就可以理解为文章、文字，与古今中外的各个文学著作中出现的各种文字字形密不可分。古有甲骨文、金文、小篆等，今有宋体、楷体等，都在这一方面突出了"文"的重要性。古今中外，人们对于"文"都有自己不同的认知，从大的方面来讲，它可以用于表示一个民族的文化历史，从小的方面来说它可用于用于表示单独的一个"文"字，可用于表示一段话，也可用于人物的姓氏。 折叠编辑本段基本字义 1(事物错综所造成的纹理或形象:灿若,锦。 2.刺画花纹:,身。 (记录语言的符号:,字。,盲。以,害辞。 3 4(用文字记下来以及与之有关的:,凭。,艺。,体。,典。,苑。,献(指有历史价值和参考价值的图书资料)。,采(a(文辞、文艺方面的才华;b(错杂艳丽的色彩)。 5(人类劳动成果的总结:,化。,物。 6(自然界的某些现象:天,。水,。 7(旧时指礼节仪式:虚,。繁,缛节(过多的礼节仪式)。 8(文华辞采，与“质”、“情”相对:,质彬彬。 9(温和:,火。,静。,雅。 10(指非军事的:,职。,治武功(指礼乐教化和军事功绩)。 11(指以古汉语为基础的书面语:552,言。,白间杂。 12(专指社会科学:,科。 13(掩饰:,过饰非。 14(量词，指旧时小铜钱:一,不名。 15(姓。 16( 皇帝谥号，经纬天地曰文;道德博闻曰文;慈惠爱民曰文;愍民惠礼曰文;赐民爵位曰文;勤学好问曰文;博闻多见曰文;忠信接礼曰文;能定典礼曰文;经邦定誉曰文;敏而好学曰文;施而中礼曰文;修德来远曰文;刚柔相济曰文;修治班制曰文;德美才秀曰文;万邦为宪、帝德运广曰文;坚强不暴曰文;徽柔懿恭曰文;圣谟丕显曰文;化成天下曰文;纯穆不已曰文;克嗣徽音曰文;敬直慈惠曰文;与贤同升曰文;绍修圣绪曰文;声教四讫曰文。如汉文帝。 折叠编辑本段字源字形 字源演变与字形比较 折叠编辑本段详细字义 〈名〉 1(右图是 “文”字的甲骨文图片，资料来源:徐无闻主编:《甲金篆隶大字典》，四川辞书出版社。1991年7月第一版。 “文”字的甲骨文字绘画的像一个正面的“大人”，寓意“大象有形”、“象形”;特别放大了胸部，并在胸部画了“心”，含义是“外界客体在心里面的整体影像、整体写真、整体素描、整体速写”。 许慎《说文解字》把“文”解释为“错画也”，意思是“对事物形象进行整体素描，笔画交错，相联相络，不可解构”，这与他说的独体为文、合体为字的话的意思是一致的。“说文解字”这个书名就表示了“文”只能“说”，而“字”则可“解”的意思。“文”是客观事物外在形象的速写，是人类进一步了解事物内在性质的基础，所以它是“字”的父母，“字”是“文”的孩子。“文”生“字”举例(以“哲”为例):先对人手摩画，其文为“手”;又对斧子摩画，其文为“斤”。以手、斤为父母，结合、生子，其子就是“折”(手和斤各代表父母的基因)。这个“折”就是许慎所谓的“字”。“字”从宀从子，“宀”表示“独立的房子”，子在其中，有“自立门户”的意思。故“字”还能与“文”或其他“字”结合，生出新“字”来。在本例，作为字的“折”与作为文的“口”结合，就生出了新的字“哲”。 2( 同本义 [figure;veins] 文，错画也。象交文。今字作纹。——东汉?许慎《说文》 五章以奉五色。——春秋?左丘明《左传?昭公二十五年》。注:“青与赤谓之文，赤与白谓之章，白与黑谓之黼，黑与青谓之黻。” 美于黼黼文章。——《荀子?非相》 茵席雕文。——《韩非子?十过》 织文鸟章，白旆央央。——《诗?小雅?六月》 斑文小鱼。——明? 刘基《诚意伯刘文成公文集》 3(又如:文驾(彩车);文斑(杂色的斑纹);文旆(有文彩的旗帜);文绣(绣有彩色花纹的丝织品;刺花图案);文织(有彩色花纹的丝织品);文鳞(鱼鳞形花纹)。 4(字，文字(“文”，在先秦时期就有文字的意思，“字”，到了秦朝才有此意。分别讲，“文”指独体字;“字”指合体字。笼统地说，都泛指文字。) [character] 饰以篆文。——南朝宋?范晔《后汉书?张衡传》 分文析字。——东汉?班固《汉书?刘歆传》 夫文，止戈为武。——《左传?宣公十二年》 距洞数百步，有碑仆道，其文漫灭。——王安石《游褒禅山记》 文曰“天启壬戌秋日”。——明? 魏学洢《核舟记》 文曰“初平山尺”。 5(又如:甲骨文;金文;汉文;英文;文迹(文字所记载的事迹);文书爻(有关文字、文凭之类的卦象);文异(文字相异);文轨(文字和车轨);文狱(文字狱);文钱(钱。因钱有文字，故称);文状(字据，军令状);文引(通行证;路凭);文定(定婚)。 6(文章(遣造的词句叫做“文”，结构段落叫做 “章”。) [literary composition] 故说诗者不以文害辞。——《孟子?万章上》 好古文。——唐? 韩愈《师说》 属予作文以记之。——宋? 范仲淹《岳阳楼记》 能述以文。——宋? 欧阳修《醉翁亭记》 摘其诗文。——清? 纪昀《阅微草堂笔记》 7(又如:文价(文章的声誉);文魔(书呆子);文会(旧时读书人为了准备应试，在一起写文章、互相观摩的集会);文移(旧时官府文书的代称);文雄(擅长写文章的大作家);文意(文章的旨趣);文义(文章的义理);文情(文章的词句和情思);本文(所指的这篇文章);作文(写文章;学习练习所写的文章);文魁(文章魁首);文价(文章的声价);文什(文章与诗篇)。 8(美德;文德 [virtue] 圣云继之神，神乃用文治。——杜牧《感怀诗一首》 9(又如:文丈(对才高德韶的老者的敬称);文母(文德之母);文武(文德与武功);文命(文德教命);文惠(文德恩惠);文德(写文章的道德);文薄(谓文德浅薄);文昭(文德昭著)。 10.文才;才华。亦谓有文才，有才华 [literary talent] 而文采不表于后世也。——汉? 司马迁《报任安书》 11(又如:文业(才学);文英(文才出众的人);文采风流(横溢的才华与潇洒的风度);文郎(有才华的青少年);文彦(有文才德行的人);文通残锦(比喻剩下不多的才华)。 12(文献，经典;韵文 [document;classics;verse] 儒以文乱法。——《韩非子?五蠹》 言必遵修旧文而不穿凿。——《说文解字?叙》 13(辞词句。亦指文字记载 [writings;record]。如:文几(旧时书信中开头常用的套语。意为将书信呈献于几前);文倒(文句颠倒);文过其实(文辞浮夸，不切实际);文义(文辞);文辞(言词动听的辞令);文绣(辞藻华丽)。 14(自然界的某些现象 [natural phenomenon] 经纬天地曰文。——《左传?昭公二十八年》 15(又如:天文;地文;水文;文象(日月星辰变化的迹象);文曜(指日月星辰;文星);文昌(星座名)。 16(文治;文事;文职。与“武”相对。 [achievements in culture and education;civilian post] 文能取胜。——《史记?平原君虞卿列传》 文不能取胜。 文武并用。——唐? 魏征《谏太宗十思疏》 精神折冲于千里，文武为宪于万邦。――明《袁可立晋秩兵部右侍郎诰》 17(又如:文臣，文吏(文职官吏);文席(教书先生的几席);文品(文官的品阶);文帅(文职官员出任或兼领统帅);文烈(文治显赫);文员(文职吏员);文阶(文职官阶);文道(文治之道);文业(文事);文僚(文职官吏)。 18(法令条文 [articles of decree] 而刀笔吏专深文巧诋，陷人于罪。——《史记?汲黯列传》 19(又如:文劾(根据律令弹劾);文法吏(通晓法令、执法严峻的官吏);文丈(规矩; 制度 关于办公室下班关闭电源制度矿山事故隐患举报和奖励制度制度下载人事管理制度doc盘点制度下载 );文移(官府文书);文牓(布告;文告);文宪(礼法;法制)。 20(文言。古代散文文体之一;别于白话的古汉语书面语 [literary language]。如:半文半白;文语;文白(文言文和白话文)。 21(文教;礼节仪式 [rites] 则修文德。——《论语?季氏》 22(又如:文丈(崇尚礼文仪节);文俗(拘守礼法而安于习俗);文致(指礼乐);文貌(礼文仪节);文绪(文教礼乐之事);文仪(礼节仪式) 23(指表现形式;外表 [form;appearance]。如:文服(表面服从);文榜(告示、布告之类);文诰(诰令) 24(指鼓乐，泛指曲调 [music;tune]。如:文曲(指乐曲);文始(舞乐名) 25(谥号，谥法:勤学好问叫文 [study deligently] 何以谓之文。——《论语》 是以谓之文。 26(姓 〈动〉 1(在肌肤上刺画花纹或图案 [tatto (the skin)] 被发文身。——《礼记?王制》。注:“谓其肌，以丹青涅之。” 文绣有恒。——《礼记?月令》 2(又如:文笔匠(在人身上刺花的艺人);文身断发(古代荆楚、南越一带的习俗。身刺花纹，截短头发，以为可避水中蛟龙的伤害。后常以指落后地区的民俗);文木(刻镂以文采之木) 3(修饰;文饰 [cover up] 身将隐，焉用文之?——《左传?僖公二十三年》 饰邪说，文奸言，以枭乱天下。——《荀子?非十二子》 4(又如:文过饰非;文致(粉饰;掩饰);文冢(埋葬文稿之处) 5(装饰 [decorate] 舍其文轩。——《墨子?公输》 此犹文奸。 文车二驷。——明? 归有光《项脊轩志》 文马四百匹。——《史记?宋世家》 若将比予文木邪。——《庄子?人间世》 6(又如:文巧(文饰巧辩);文竿(以翠羽为饰之竿);文舫(装饰华丽的游艇);文饰(彩饰);文榭(饰以彩画的台榭);文舟，文艘(装饰华丽的船);文剑(装饰华丽的剑);文舆(饰以彩绘的车) 7(撰写文章 [write]。如:文匠(写文章的大家);文祸(因写文章而招来的灾祸);文雄，文杰(指文豪) 〈形〉 1(有文采，华丽。与“质”或“野”相对 [magnificent;gorgeous] 其旨远，其辞文。——《易?系辞下》 晋公子广而俭，文而有礼。——《左传?僖公二十三年》 2(又如:文巧(华丽奇巧);文朴(文华与质朴);文服(华美的衣服);文砌(华美的石阶);文背(不文雅，粗俗);文轩(华美的车子);文质(文华与质朴) 3.柔和，不猛烈 [mild;gentle]。如:文烈(指火候温猛) 4(美，善 [fine;good]。如:文徽(华美);文鸳(即鸳鸯。以其羽毛华美，故称);文衣(华美 的服装) 5(通“紊”。紊乱的 [disordered] 惇宗将礼，称秩元祀，咸秩无文。——《书?洛诰》 天子祭天下名山大川，怀柔百神，咸秩无文。——《汉书?郊祀志上》 王者报功，以次秩之，无有文也。——庆劭《风俗通义?山泽》 〈量〉 1(用于旧时的铜钱。如:一文钱 2(用于计算纺织物 五扶为一首，五首成一文。——《后汉书》