当我们一切经过深思熟虑之后,栏目的框架也已在脑中显现雏形,现在是运用手中的鼠标来实现的时候了。但是这时常常由于文件的设置不当,造成无法在浏览器中显示出来。为了避免错误的发生,只有开始时正确的文件设置才是良好的开端。
以下是在Photoshop中页面的设置需要注意的3个问题:
一、网页色彩模式的设置:
1、RGB
RGB色彩模式是目前运用最广泛的色彩模式之一,它能适应多种输出的需要,并能较完整地还原图像的颜色信息。如现在大多数的显示屏、RGB打印、多种写真输出设备都需要用RGB色彩模式的图像来输出。一般图像都是采用此模式,也是网页上常用的。
2、索引模式
索引模式和灰度模式比较类似,它的每个象素点也可以有256种颜色容量,但它可以负载彩色。索引模式的图像最多只能有256种颜色。当图像转换成索引模式时,系统会自动根据图像上的颜色归纳出能代表大多数的256种颜色,就象一张颜色表,然后用这256种来代替整个图像上所有的颜色信息。
索引的图像只支持一个图层,并且只有一个索引彩色通道。索引模式主要用于网络上的图片传输和一些对图像象素、大小等有严格要求的地方。
3、灰度模式
在灰度模式的图像上,每个象素能负载2的8次方(256)种灰度级别,范围值从0(黑色)至255(白色)。其表现方式用油墨的覆盖浓度来表示,0%为白色,100%为黑色。当彩色图像转换成灰度模式后,图像会去掉颜色信息,以灰度显示图像,类似黑白照片的效果。图像的单色通道实际上也可以也看作是一张灰度图片。灰度模式的图像只有一个灰色通道。
网页中不建议采用此模式,因为我们的网页色彩也是吸引访问者的原因之一,如果使用灰色图片,很难从视觉上让人产生兴趣。
二、网页分辨率的设置:
大家一定在设计网面时,苦恼过不同分辨率下显示的问题,由于客户端分辨率的设置不同,显示时就会出现错位问题。但是这个问题只有在后台代码中可以解决,而我们在Photoshop中制作网页时只需将文件设置为屏幕显示的分辨率72 就可以了,图片不宜过大否则不容易显示影响浏览速度。以屏幕显示宽度尺寸最佳,超过会有滚动条出现。
三、网页文件格式的设置:
1、PSD格式(Photoshop格式)
Adobe公司开发的图像处理软件Photoshop中自建的标准文件格式就是PSD格式,在该软件所支持的各种格式中,PSD格式存取速度比其它格式快很多,功能也很强大。由于Photoshop软件越来越广泛地应用,所以这个格式也逐步流行起来。PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计草稿。这个格式只用于原图存储方便于修改之用。
2、BMP位图格式
最典型的应用BMP格式的程序就是Windows的画笔。文件几乎不压缩,占用磁盘空间较大,它的颜色存储格式有1位、4位、8位及24位,该格式是当今应用比较广泛的一种格式。但缺点是该格式文件比较大,所以只能应用在单机上,不受网络欢迎。
3、GIF格式
该图形格式却在Internet上被广泛地应用,原因主要是256种颜色已经较能满足主页图形需要,而且文件较小,适合网络环境传输和使用。可以存储动画属性。
4、JPEG格式
可以用不同的压缩比例对这种文件压缩,其压缩技术十分先进,对图像质量影响不大,因此可以用最少的磁盘空间得到较好的图像质量。由于它优异的性能,所以应用非常广泛,而在Internet上,它更是主流图形格式。
5、PNG格式
PNG(Portable Network Graphics)是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点。PNG最大色深为48bit,采用无损压缩方案存储。 |