开店乐

开店乐电子商务研究 KaiDianLe.Com

网站地图 :

  搜索:

网络图形格式概述

     随着 Internet的不断发展壮大,Internet 上的网页制作成了一门新兴科学。网页中不可避免地包含着一定数量的图形,因为较多的图像在增加吸引力的同时能给访问者提供更多更直接的信息,同时图像也较少受计算机平台、地域和语种的限制,能使网页更多地显示出制作者的创造力。   

虽然图像具有上述优势,但是由于图像是在Internet网络上传送,而Internet线路目前的传输速率还不理想,特别是国内大多数用户是通过慢速拨号连入本地的ISP,因此图像的大小在很大程度上影响着网页的下载时间,制作不好的图像文件下载时更会浪费Internet的带宽。   

由此可见我们在制作网页时优化图像的大小是非常关键的,优化后的图像也许仅仅减少了几千个字节,但当页面中不只是一幅图像,或不止一个用户且不止一次地访问该页面时,节省的下载时间和通道带宽将是巨大的。下面我们就浅谈一下制作网页时几种用来优化图形的常用格式。

GIF格式   

GIF(Graphic Interchange Format图形互换格式)是为跨平台消费市场开发的,当时消费者还没有机会使用“高档”的图形卡,大多数计算机的图形颜色比256色还少,所以256色被作为可显示的最高数目。GIF也是Internet上使用最早、应用最广泛的图像格式。GIF格式储存8位/点至l位/点的图像。其原理是减少每点的存储位数以减小图像文件的大小,这就是我们通常所说的减色抖动dithering。准确地说,GIF减少了图像调色板中的色彩数量,从而在存储时达到减小图像文件大小 的目的。该调色板通常并非Windows本身提供的标准凋色板,而是图像优化处理后的调色板。   
现在假定我们制作一幅全色图像(用photoshop的术语就是“RGB模式”),原图为120k的“PSD格式”,准备作成一份GIF的文件之前,必须将它用一个相关的颜色图转换成为一个受限制的8位图像(用photoshop的术语说就是工作于“索引颜色模式”) 由表1可看出,保持图像尺寸不变的情况下减少图像中每点的色彩数可以减少图像文件的大小。 尽管支持的颜色数目较少,GIF格式仍然因拥有一些Web上使用很广泛的特殊效果而留存至今。如:交错效果、透明颜色效果以及GIF89a(动画)效果。   

交错   

交错即图像下载时从模糊逐渐到清晰的过程。   
当你查看一幅本地系统的图像时,通常图像都是一下子就全部显示出来而与用什么方式储存关系不大,但是在Internet网络上就不一样,当通过Internet慢慢地下载一个包括图像的文件,浏览器能边下载边显示收到的内容,此时就可以看到图像文件显示的顺序,GIF默认的存储图像顺序为从上到下、从左到右。当下载到一半时,只显示上半部图像。如果下载得慢而下半部图像是关键部位,则必须等待下半部图像的出现,这对用户来说是相当烦人的。   
GIF允许图像进行交错处理,此时不再严格地从上到下、一行像素一行像素地显示,而且每隔八行处理一次,然后再填补其间的空隙直到清晰为止。下载过程好比是一幅粗线条的素描变成色彩分明的图像,交错后的GIF文件容量并不变化。这种效果处理主要用于处理一些尺寸比较大的图像。   

GIF89α   

GIF89α提供的动画实际上由多幅GIF图像组成,浏览器软件以每幅GIF图像定义的时间间隔顺序显示,形成动画效果。   
我们可以把动画分成以下三种常见的类型 :   
第一种类型是由多幅内容不相干但具有相同尺寸的GIF图像文件组成的动画文件,在质量允许的情况下,采用上述方法把组成GIF89α动画的每幅GIF文件的色彩数尽可能减少,便可以做到缩小文件。   
第二种类型,我们仔细观察可以发现大部分动画的第二幅图像只是在第一幅图像的某些区域有一定的变化,因此在第二幅图像中可以只保存不相同区域的内容,这样可以极大地缩小文件。   
第三种类型是有固定背景的动画,这样只须保存第二幅图像的前景并设背景为透明就可以了。   
对于第二种和第三种类型我们必须保证组成动画的每幅GIF图像都使用相同的调色板进行减色抖动,同时第二幅图像定位必须准确。   
如果我们使用一幅200×100(宽×高)点阵作背景,用上面的三种方法分别制作一幅类似于霓虹灯效果的 GIF89a动画交替显示“图像”两个字,我们将会发现三种方法的显示效果完全一样,但用第三种方法优化的文件比用第一种方法优化的小50%(表2)。

JPEG格式   

由Joint Photographic Experts Group提出并因此而得名,是在Internet上被广泛支持的图像格式,JPG支持16M色彩也就是通常所说的24位颜色或真彩色,其典型的压缩比为4:1。由于人类眼睛并不能看出存储在一个全图像文件中的全部信息,可以去掉图像中的某些细节,并对图像中某些相同的色彩进行压缩。JPG是一种以损失质量为代价的压缩方式,压缩比越高,图像质量损失越大,适用于一些色彩比较丰富的照片以及24位图像。   
表3是一幅原图为380k的“psd”格式图像在不同压缩比下进行压缩后的图像文件大小的比较 : 由此表可看出,在兼顾图像质量和大小的情况下,以中等(medium)方式对自然色彩的图像进行JPEG压缩最适宜。   
JPEG只能对具有连续色调或连续灰阶的 24位图像进行压缩,对由8位转化成24位的图像没有优势。原因在于8位色彩的图像中相邻点的颜色变化比 24位大,JPEG对这类非连续色调图像的压缩将造成一种既占空间又损失图像质量的结果,在这种情况下JPEG的压缩效果可能比Gif更差。 由以上可看出 :

1.GIF和JPEG虽然能使图像文件变小,但是对图像的质量均有一定的影响,因此我们在处理图像GIF和JPEG格式之前最好先把图像原件备份。同时JPEG是一种积累压缩的方法,所以我们应尽可能地从原图一次压缩,而不要对已经压缩过的图像再进行压缩。   
2.在GIF和JPEG之间进行选择时,要记住你的目标是在质量可以接受的情况下使图像的容量变为最小,通常是单调的颜色表示你能够大幅度减少颜色的数目,也就是说可以考虑使用GIF压缩。一条用黑与白绘制的线,最适合使用GIF,因为总的颜色数目可以减少。用JPEG处理照片(包括绘画的照片)比较合适,因为它们的阴影与色彩中包含有许多缓和的变化。高对比的“艺术”照片则例外,因为他们里面有单调区域,所以适合用GIF处理。【文章来源:开店乐www.KaiDianLe.Com

【日期:2006-9-3】【作者:不祥】【转载自:开店乐】

相关文章:
 最好的网上开店系统:凡人网络购物系统免费下载
 创意:广告的奇趣生活之源
 如果不整合创意,广告就不能被称作广告
 喂饱你的眼睛 创意平面广告设计欣赏
 平面设计的序曲
 视觉创意设计的手法
 浅析现代标志设计教学与传统图形艺术的结合
 设计师的思维方式与营养补充
 永不落伍的广告信条
 破解广告摄影照片效果之迷
 世界水日(3月22日)公益海报欣赏
 浅议平面构成与图案
 (宝丽莱)拍立得广告作品欣赏
 探寻索尼设计之谜
 一个文案的心灵独白
 国外著名品牌商业广告语集锦
 名词解释:什么是CG?
 美术相关的几个词汇解释
 家具包装中的基本概念与其设计问题
 雅倩谈包装容器的选择
 白酒包装如何打响品牌
 日本包装设计中的民族特色
 如何使你的图标脱颖而出
 设计的任务与意义
 现代广告设计师的能力
 T恤的设计技巧和印花工艺选择
 VI和CI到底是什么有何区别?
 杂志广告的编排与设计
 像素图标的绘制方法图解
 图形专业用户选购显卡误区纵横谈
 如何组装(选择)适用3D设计的电脑
 图形设计型电脑选购指南
 漫话设计
 期刊:把握时代脉搏 更新设计理念
 现场POP广告的运用和制作关键
 广告行销模式
 为你的品牌推广设计载体
 名人广告的四项基本原则
 快速消费品的广告沟通
 奥美平面广告执行技巧
 版面设计中易出的27个错误
 RGB色彩与CMYK色彩
 网络图形格式概述
 何为分辨率
 色彩的位数
 图形图像文件扩展名
 浅谈ICC色彩管理标准
 档案格式
 各种分辨率介绍
 版面构成
 平面构成的概念
 平面构成的要素
 平面构成的形式
 色彩构成基础理论
 色彩功能的相关概念
 显示器色彩校正
 红、绿、蓝三基色合成彩色影象的历史
 色彩原理与色彩管理
 现代设计表现技法
 设计时注意“视觉中心”
 标识中的字体
 美工LOGO设计秘密武器
 美工LOGO设计思路
 创意奥美平面广告执行技巧
 包装的魅力
 视觉元素摆放位置的三种状态
 艾肯形象策略公司的CI策略形象开发理念
 搞笑但严肃的界面设计案例(苍蝇用户界面)
 书籍版式设计的基本常识
 以何种模式处理彩色图片最好
 平面构成快速精讲
 色彩理论
 交互与界面设计
 UI设计的外延
 名片设计技法
 软件界面设计要素
 Adobe 色彩系统 RGB 和 CMYK 相互转换原理
 设计师新聚焦-策略型设计
 POP介绍(购买点的广告)
 招贴设计简谈
 何谓插图设计?
 十种基本的配色设计
 VI视觉设计开发程序
 点阵图(位图)与矢量图的区别
 漫画十大投机取巧法
 色彩的空间效果
 色彩表现理论---红黄蓝
 强刺激调及形式美手法
 色彩面积与视觉效果
 关于电脑美术设计教学的构想与实践
 综合对比及色调变化
 平面设计表现手法常识
 字体设计的基本知识
 包装领域的新理念 ——“交互式包装”
 包装设计中金、银、黑、白、灰的运用
 想像与联想思维训练
 GUI原理1 - 色彩王国
 如何审视包装设计
 宣传画的兴衰演变
 城市形象与企业形象
 设计工作经验分享

版权所有:Kaidianle.Com  联系方式:Shnxn@Yhaoo.Com.Cn 京ICP备06028743号 在线留言