建站常识
传统设计师如何做好Web图像
2005-12-28 13:57:00
随着互联网的发展,Web图像应用越来越多。正是图像的应用使WWW进入了新的时代,单一的文本不可能是有效的信息交流方式,图像可赋予网页更多视觉上的生命力。大多数图形设计师已习惯于为印刷品处理图像,虽然印刷图像处理与Web图像的之间有很多共同之处,但屏幕展示与印刷品展示之间还是有很大差异的。如果设计师不注意这些差异,将会影响到Web图像的质量和正常显示效果。
分辨率在印刷图像中是很重要的事项,分辨率数值的大小是否适当,直接影响印刷品的质量。而在Web图像中,分辨率的值将被忽略,它将不再起作用,不论你给图像设置了多大的分辨率,Web浏览器都将把图像像素与屏幕像素一一对应地显示出来(除非你在HTML文件中设置了另外的图像大小)。这就是说在处理Web图像时,你所有需要计量的尺寸就是像素为多少,即宽多少像素,高多少像素。有些人建议将Web图像像素设置为72dpi或96dpi,这样做没有什么错,但也没有什么好处。
跟印刷图像一样,供Web图像选择的文件格式也不多。现在Web图像支持两种文件格式:GIF和JPEG。GIF是一种由CompuServe创建的压缩和传送图像文件的格式。和TIFF格式一样,GIF使用LZW压缩。但和TIFF格式不同的是,GIF格式限定在256种以内的色彩。GIF格式现在存在两种类型,由代码87a和89a表示。GIF87a严格支持不透明像素,而GIF89a允许某些像素透明。使用PHOTOSHOP保存GIF图像前,要先使用Image→Mode→Indexed Color将图像色彩数目减少到256种或更少。如果图像超过256种色彩,则GIF格式不会出现在Save As弹出式菜单中。要想保存背景透明的GIF89a文件,可选取File→Export→GIF89a Export.。JPEG是一种压缩度极大的格式,当需要保存照片及其他色调连续变化的图像是时,JPEG格式是非常好的选择,用它保存的文件比用其他任何格式保存的都要小。但由于JPEG是一个有损的压缩方案,大的压缩会影响图像质量。因此,应用中要根据不同的要求,选择不同的压缩比。
所有的Web图像都是RGB色彩模式(或者索引色彩或灰度值的子集),你在屏幕上所看到的就是所得到的图像,这一点使设计师不必再为把图像转换到CMYK色彩模式而麻烦了。同样,大多数图像处理软件都允许在CMYK和RGB色彩模式之间进行转换,一张CMYK TIFF图像可以很轻易地转换为一张RGB JPEG图像。
上网的人都有这样的体会,图像越小,打开的速度也会越快。这里所说的"小",并不是指物理尺寸的小(虽然这样说,会有利于理解),而是指占用较小的磁盘空间。把一幅同屏幕大小的20K图像下载并显示出来,毫无疑问要比处理一幅纸牌大小的50K的图像要快。因此,像处理印刷图像那样只注重图像质量,显然是行不通的。如何能保证图像的品质要求,而文件大小又能控制到尽可能小,是Web图形设计师面临的首要问题。好在现在图像处理软件商已注意这个问题,推出的新版本都加强了对Web图像的支持。像完全为Web量身定做的FIREWORKS,在这方面表现就很出色。
设计师面对互联网的机遇和挑战,既要发挥传统的经验和优势,也要充分了解新媒体的特性和技术要求,加深对Web图像的了解。这样才能在新的领域施展自己的才华,为社会创造更多的视觉财富。
分辨率在印刷图像中是很重要的事项,分辨率数值的大小是否适当,直接影响印刷品的质量。而在Web图像中,分辨率的值将被忽略,它将不再起作用,不论你给图像设置了多大的分辨率,Web浏览器都将把图像像素与屏幕像素一一对应地显示出来(除非你在HTML文件中设置了另外的图像大小)。这就是说在处理Web图像时,你所有需要计量的尺寸就是像素为多少,即宽多少像素,高多少像素。有些人建议将Web图像像素设置为72dpi或96dpi,这样做没有什么错,但也没有什么好处。
跟印刷图像一样,供Web图像选择的文件格式也不多。现在Web图像支持两种文件格式:GIF和JPEG。GIF是一种由CompuServe创建的压缩和传送图像文件的格式。和TIFF格式一样,GIF使用LZW压缩。但和TIFF格式不同的是,GIF格式限定在256种以内的色彩。GIF格式现在存在两种类型,由代码87a和89a表示。GIF87a严格支持不透明像素,而GIF89a允许某些像素透明。使用PHOTOSHOP保存GIF图像前,要先使用Image→Mode→Indexed Color将图像色彩数目减少到256种或更少。如果图像超过256种色彩,则GIF格式不会出现在Save As弹出式菜单中。要想保存背景透明的GIF89a文件,可选取File→Export→GIF89a Export.。JPEG是一种压缩度极大的格式,当需要保存照片及其他色调连续变化的图像是时,JPEG格式是非常好的选择,用它保存的文件比用其他任何格式保存的都要小。但由于JPEG是一个有损的压缩方案,大的压缩会影响图像质量。因此,应用中要根据不同的要求,选择不同的压缩比。
所有的Web图像都是RGB色彩模式(或者索引色彩或灰度值的子集),你在屏幕上所看到的就是所得到的图像,这一点使设计师不必再为把图像转换到CMYK色彩模式而麻烦了。同样,大多数图像处理软件都允许在CMYK和RGB色彩模式之间进行转换,一张CMYK TIFF图像可以很轻易地转换为一张RGB JPEG图像。
上网的人都有这样的体会,图像越小,打开的速度也会越快。这里所说的"小",并不是指物理尺寸的小(虽然这样说,会有利于理解),而是指占用较小的磁盘空间。把一幅同屏幕大小的20K图像下载并显示出来,毫无疑问要比处理一幅纸牌大小的50K的图像要快。因此,像处理印刷图像那样只注重图像质量,显然是行不通的。如何能保证图像的品质要求,而文件大小又能控制到尽可能小,是Web图形设计师面临的首要问题。好在现在图像处理软件商已注意这个问题,推出的新版本都加强了对Web图像的支持。像完全为Web量身定做的FIREWORKS,在这方面表现就很出色。
设计师面对互联网的机遇和挑战,既要发挥传统的经验和优势,也要充分了解新媒体的特性和技术要求,加深对Web图像的了解。这样才能在新的领域施展自己的才华,为社会创造更多的视觉财富。
上一篇:网页设计中“面”的视觉构成
下一篇:网页设计的审美需求
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2016-10-11 11:17:00] “百度云”正式更名为“百度网盘”品牌全面升级!
- [2008-01-04 15:11:00] 800分辨率下网站如何搭配才可以提高体验度
- [2010-05-05 21:55:00] 页面表达常用方式
- [2005-12-29 21:32:00] 网页设计经典问答集合
- [2010-12-27 08:32:00] 一个网站,5个目标
- [2017-03-14 12:04:00] 最接近真机的iPhone 8出炉:这外形酷炫无边际!
- [2007-12-20 11:15:00] 邻居确实很重要(页面设计全局观)
- [2006-01-08 20:56:00] 网页制作需要注意的问题集锦
- [2012-01-10 15:48:52] 视频门户网站版权战硝烟四起 优酷已四面楚歌
- [2010-12-09 08:40:00] 页面配图个案分享
- [2019-05-29 09:17:14] 运用什么技巧使用户喜欢我的产品设计
- [2007-12-15 12:27:00] 什么样网站体验更好一些
