网页美工图像处理技巧

网页美工图像处理技巧

导语：网页中图像表的现力是无可替代的,没有图像的网页是枯燥页单调的，无法吸引人的注意力，因此图像在整个网页制作中占有非常重要的地位。它不但使网页内容更丰富，表现力、渲染力更强，而且使整个网页更具有观赏性，更具美感、艺术性。而我们手头的照片或其他图片有时并不适合直接用于网页的。那么做为网页美工，就必须要掌握一定的图像处理技巧。下面和小编一起来看看吧！

一、网页图像制作

图像是网页中必不可少的元素。如何使用一个较大的图象文件恰倒好处的融入网页之中呢？那么势必要对图像进行切割，ImageReady CS（ImageReady是Photoshop的一个附件）也可以很好地来完成这项工作。

1．制作切片

尽管网络速度一直在提高，但网络传输的速度一直是个瓶颈。假如用户浏览网页时，网页中包含了一个较大的图象，由于网络传输速度过慢，就会等待很长时间才能看到这个图像。人们想出了一个方法，就是将图像进行切割，分成若干个较小的图像，从而避免了较长的等待时间。

要切割图片，可首先选择工具箱中的切片工具，在图像窗口单击并拖动，即可以制作出切片。如图，可看出图像被分成了9个部分。

2．切片属性设置

在工具箱中单击切选取工具，然后单击鼠标右键，从弹出的快捷菜单中选择[编辑切片选项]菜单项，此时系统弹出“切片选项”对话框。读者可以在此对话框中对切片的属性进行设置。在对话框中可以设置以下参数：“切片类型”、“名称”、“URL”（超级连接）等。如图所示。

3．调整切片的位置尺寸

在工具箱中选择切片选取工具，单击属性工具栏中的“切片选项”图标按钮，将其设置为用户切片。然后将光标移动到切片区单击并拖动，实现切片的移动。将光标移切片边界单击并拖动，实现切片尺寸的调整。

二、网页图像的优化输出

身为网页美工，我们应该知道在Photoshop中，图像的优化输出可以分为两类，即基本优化与精确优化。如果是简单地制作能够用于网页的优化图像，可选择菜单中的[文件]→[存储为]命令，然后在打开的“存储”对话框中将文件类型设置为网页常用的GIF、JPG格式即可。

如果要精确优化图像，可选择菜单[文件]→[存储为Web格式]命令。此时系统将弹出相应的对话框，其中各工具箱的意义如下图所示。

设置优化输出参数

值得注意的是，要输出带有透明区的图像时，在源图像中必须带有透明区域，输出格式只能是GIF。