Photoshop与网页制作之间的完美结合

马 力

武汉软件工程职业学院，湖北武汉 430205

网页设计的工具很多，目前使用最为广泛的是Dreamweaver(简称DW)。本文针对Photoshop与网页制作之间的关系进行阐述。

1 Photoshop可优化图像质量

优化网页、使之能快速下载是网页制作中必须考虑的因素。Photoshop可优化图像质量，提高网页速度优化网页页面，图像的正确处理极其重要。

1.1 采用合适的图像精度

网页是提供给阅读者在显示器上观看的，根据显示器的特性，图像的精度一般采用72dpi即可，这是屏幕分辨率，太高的分辨率并不能增强效果，反而会降低下载速度。有些图像原始文件的尺寸很大，而在网页中显示的区域是有限的，很多时候设计者采用在DW中缩小图像来实现，在DW中缩小图像并没有真正改变图像的大小，下载需要较长的时间，所以在输出图像时，要采用合适的大小，降低输出的精度。

1.2 选择合适的颜色深度

Gif格式的图像文件色彩深度越少文件也就越小，在肉眼可以接受的范围内，尽量将gif文件的色彩数量降低，对图像文件的大小进行有效的优化。如小图标、按钮、背景图案等图像文件对色彩的要求并不高，这些图像输出一般采用gif格式。对颜色要求不高的图像，采用64色的图像对比256色图像，输出后可以少掉一半还多的字节数，且效果完全能满足视觉要求。每个网站这种小图像往往会有几百张，每张图片都节省一些，最终可以节省很多空间。

1.3 输出正确的图像格式

不同的图像格式由于采用的压缩方法不同，显示效果差不多的图像其文件大小会有很大的差别。……