泉州V23网络为您的企业打造精品网站:  800元起"网站建设+精美网页设计+搜索引擎推广"服务!! 7*24咨询:13559567956
网站建设客户中心联系我们网站地图
 
V23首页网站制作网站推广域名空间付款方式联系我们
网站建设相关文章

网页图形格式入门

作者:戴鹏飞 


如果你自己做过网站,那么你一定要懂得图形设计。为了帮助大家在网页能更加地得心应手制作出理想的图片,我写这篇文章希望能对大家有所帮助。 

色频与空间 

电脑上所显示的图像说穿了不过是一些彩色色点的组合。但是在电脑二进位式的语言中,其实红色或是紫色的差?对于电脑是不具任何意义的。那么电脑又是如何识别不同的色彩呢?答案就在于每个与视觉相关联的软硬件都使用了某种特定的色彩空间--一种以数量来表现色彩的方式。 

我们最常见的色彩空间表示法莫过于RGB了,因为我们的显示器也是采用这种色彩表示法。我们的显示器在屏幕上投射出不同强度的红、绿、蓝光--因此RGB可展现完整的色调与明暗。RGB将各种色彩以3个数目来表示,我们称之为色频。这些色频定义了从0 (黑色)到255 (最饱和)不同程度的红蓝绿三色。 

你可以结合这些不同的色频制造出新的色彩--就像在调和颜料一样。混合红色光和绿色光会出现黄色光;混合绿色光和蓝色光会变成青色光而混合蓝色光和红色光则会出现紫色光。如果你将两种不等量的色频混合在一起就会创造出第三种介于两者之间的新色彩。(例如,将255的红色混合一点少量绿色就会出现橘色了)。 

以上所显示的色彩混合的方式可以创造出纯粹而明亮的色调。在RGB这3个色频中任意混合3个数值相同的色彩会演变出从黑色到(3个色频都为0时)白色(3个色频都为255时)不同色阶的无色彩。因此当RGB 3个数值越相近时越接近无色彩:同时增加相同的RGB数值,会越接近白色,使图像看起来比较灰白。而任意将图像中较突出的RGB值减少,会使色彩变得比较黑,图像变得比较阴暗。综合以上两点--我们将所有的RGB值设定在0以上255以下又会发生什么情况呢?--色彩会接近灰色,图像的色调会变得比较柔和。 

如果你已经非常习惯用RGB了,那么当你需要使用某些色彩时,只要凭直觉就可以立刻找到了。 

其它的色彩空间 

大多数的绘图工具中都包括HSB的调整项目(色调-饱和度-亮度),借此可以让你更容易地了解色彩混合的原理。色调指的是在一个360度的色轮上红色坐标为0,绿色坐标为120,蓝色坐标为240的位置。饱和度和亮度则是以百分比来表示--百分之百的饱和度和亮度所呈现出的是纯粹的色调,而分别加入了黑色与白色之后,两者都会降低为0。 

相比较于RGB,CMYK是将印刷于纸张上的色彩以不等量的青、洋红、蓝和黑色共四色来表示。实际上CMYK四色在色彩的表现上准确度会高于许多显示器所能达到的程度,因此它非常适用于高品质的印刷作品。 

色彩深度(Color Depth) 

RGB将每个色频分成0到255个不同的色阶,因为这是8位所能获得的极限,而8个位元就可以构成1个组。用来表示色彩的资料量成为色彩深度。 

当我们在处理网页上所使用到的图片时,色彩深度对以下这两个项目来说尤其重要:其一是显示器的色彩深度,另一个是储存图像时文件的色彩深度。显示器的色彩深度依照硬件显示设备所支持的能力以及软件驱动程序的结构而有所差异。操作系统通常会在控制面板的显示器设置项目中让使用者设置需要的色彩深度。文件的色彩深度则根据图像储存时文件格式的不同而有差异。 

全彩 

虽然一般典型的RGB使用的是3个8位的色频,但是你也可以将它改成24位的色彩深度。这个时候我们将24位元的彩色称为全彩。全彩的显示器能将每个像素的色彩准确地显示出来。通常我们可以在显示器的设置项目中找到全彩的设定值。虽然全彩可以扩充到高达16,777,216色,但是它通常是以“百万色”来表示。同样,全彩的图像可以忠实的将所有的色彩纪录下来。 

高彩 

全彩所包含的色调远多于人的肉眼所能分辨的数量,因此大多数的操作系统都提供16位元高彩的选项(在麦金塔操作系统中是以“数千色”表示)。实际上在高彩中,显示器只能呈现出32种不同程度的红色、32种蓝色和64种绿色。而这些不同程度的红、蓝、绿色在视觉上几乎无法分辨出来,但是如果我们将色彩深度降到16位一个像素时,就可以看出色彩的差异了。而且当电脑的显示系统设定位高彩时并不会影响到图像的质量:大多数的绘图程序,例如Photoshop或是浏览器仍然使用24位的数值。这些色彩资料只有在显示器上浏览时才被砍掉。这也是为何高彩的图像一直无法普遍的原因。 

索引色 

一些比较老旧的电脑相关硬件和文件格式只能处理8位的像素。3个色频在8位的显示设备上所能表现的色彩范围实在是太少了,因此8位的显示设备通常会使用索引色来表现色彩。当你使用索引色时,显示系统或是图像文件通常会伴随着256色的色彩一览表或调色盘。系统会根据每个像素的8位数值辨认出所使用的色彩有哪些。索引色会让8位的显示设备和图像自己去模拟全彩,因位调色盘的色彩深度位24位。 

使用索引色的图像文件会伴随一个显示所有图像色彩的色盘,而8位的硬件显示设备也会伴随着一个可显示出所有支持色彩的色盘以供对照。通常当系统在索引色的状态下执行工作时,系统中的每个应用程序都会伴随一个专用色盘。因此当我们在打开、转换或者关闭其中任何一个程序时,屏幕上所显示的色彩都会出现暂时性的改变。 

抖色与反锯齿 

实际上我们用来绘制或浏览图片的应用程序往往因为硬件的不足而无法发挥最大的效用。举例来说,当图像的色彩太丰富或太细致以至于图像中的色彩像素无法表现时,现实器便无法现实完整的图像全貌。这个时候就必须用上“抖色“(dithering)和“反锯齿”(antialiasing)的功能了。 

抖色 

256色的显示器和图像文件可以借由抖色的方式模拟出多于256色的图像。它可借这这种方式将各种由像素所构成的图案加以扩散,接近成你我想要的色彩。抖色的方式通常被用在操作系统和具有浏览功能的应用程序上,像是在8位的显示器上使用浏览器时就很需要。另外像是图像编辑器也是用抖色的方式将全彩的图像转换成索引色。但是由于在某些状态下使用抖色反而会使图像看起来更糟,于是大多数的图像编辑器都把这项功能列为选项之一罢了。有?于抖色的另一种色彩表现法就是色彩取代。它所使用的方式是采取色盘中的最接近色来替代原先应该使用的原始色彩。 

反锯齿 

如果将色彩深度的考虑排除在外,那么所有的电脑都是将像素以小方格的形状表现。但是这种方式并非适用于所有的图像--至少对于“非格状”的图像就有问题。如果我们非常严谨的将像素加以分割开来,那么就会出现所谓的锯齿。因此某些图像处理软件会使用反锯齿功能将图像变得平滑。反锯齿会制造平滑的非水平与非垂直的分界线来补足色彩与色彩之间的缝隙。 

如果我们将一个图像经过反锯齿状作用处理前后的样子加以比较的话,我们可以非常清楚的发现经由“反锯齿状作用”后的图像会呈现比较平滑且清晰的效果。经过反锯齿处理的图像看起来不但比较专业而且图像边缘也比不会有参差不齐的情况发生。一般来说,图像编辑器中的这个选项的重复性很高,几乎大部分的图像处理过程中都会用到这个选项。不过在使用时倒是要提醒你一点,那就是要使用反锯齿处理的图像一定要具备足够多的色彩才足以摆平这些需要修补的范围。