网页美工图与一般平面图的区别

网页美工图与一般平面图的区别具体体现在一下几点：

一、使用工具

通常网页美工设计软件和一般平面设计软件都可以使用。

网页美工图设计以Photoshop、firework。

二、终终美工图文件类型与文件格式

网页美工图是一像素为单位、储存一般以.png、.psd扩展名结束的分层美工图源文件。

通常网页美工图一般要保存为分图层的文件(psd)

分图层的网页美工图

分图层网页美工图以便后续的CSS网页切图有序进行。

三、单位不同
1、网页美工图以像素(PX)为单位
2、分辨率为72
3、颜色模式：RGB 8位
4、背景一般设置为透明
5、宽度有一定限制（不是越大越好这与平面广告设计不同）。

对于宽度限制说明：
网页是有宽度的，一般我们要考虑最高显示1024像素宽度的电脑显示屏，因为1024像素分辨率电脑显示屏还比较多，换句话说网页宽度以该还是以1000像素以下宽度为主。

当然有自适应宽度的网页宽度，这种自适应宽度网页美工图设计也要以1000像素宽度显示屏因素进行设计，新建网页美工图。

注意PS新建网页美工图文件设置

以上是使用Adobe Photoshop新建设计图文件时候设置与选项。

CSS5关于DIV CSS切图的美工图总结：
我们遇到很多平面广告设计技术设计出的网页美工图（按照平面广告设计源文件思路设计出网页美工图），给我们切图因为没有设置好文件规格，往往是无法完成网页切图的使用。

---