尚道互动

这年头，随着网络技术的不断发展，软件的使用越来越方便，对于图片的处理，也越来越简单，象PS、美图秀秀等，未经过专业学习的人，也能拿起这些软件，捣鼓捣鼓，也能做不错的图片效果，再加上这习一些网页知识，也能做一个网站。关于制作的网站好与不好，我们不在这里阐述，我们将会在这里阐述，关于网站制作过程中，图片应用的格式、色彩模式、尺寸、分辨率、文件大小这几个方面进行一一阐述。

1、网页图片格式

图片格式有很多种，象PSD，BMP等有几十种，不过适合网页图片格式的，主要是：JPG、GIF、PNG、BMP（较少）。

JPG主要用于色彩比较丰富的图片，譬如我们相机拍摄的图片，相对文件较大。GIF适合保存色彩比较单一的图片，譬如线条稿、色块、单一颜色动画等。PNG适合即适合色彩丰富的（但图片文件较大），也适合单一，可以保存为透明，但需要解决IE6，7下面不支持PNG透明的问题，通过修复浏览器BUG解决，在尚道互动--南京网站建设过程中，经常用于透明背景的按钮、文字、色块，导航背景、多层叠加。BMP应用较少，不多阐述。

2、网页图片色彩模式

网页中图片格式，一般采用RGB格式，但有些传统的平面设计师，希望在AI、CD软件下面设计，颜色模式由于受平面印刷的影响，经常选择是CMYK格式，经过我们尚道互动--南京网站制作过程中，经常发现在网页浏览时无法显示或上传。

3、网页图片尺寸

由来数码相机越来越普及，拍摄清晰度越来越高，我们发现图片的大小也越来越大，动则一张图片，好几M，好多网站维护工作人员会直接上传此类图片，造成网页打开此图片时会很大。有人会说，那我们应该取多大尺寸呢？这里我们推荐，你网页上图片是多大尺寸，你就上传多大尺寸的图片，譬如图像宽高是300像素的，你就处理此类大小。又有人会说，我处理成600-1200像素不行吗？尺寸相关不了多少，几百K而已。是的，是相关不了多少，但如果一个网页上有十几张图片，这样算起来，整体刚刚就要多出几M的大小，浏览速度还是受影响。

4、网页图片分辨率

这种问题常见于平面设计师和初学者。初学者第一设计时，常常为这个困扰，我到底选择选择多少呢？72即可。平面设计师经常为传统印刷服务，为了达到高清效果，他们一般用于印刷的分辨率是300像素/英寸，甚至更高的都有，此种分辨率适合网页吗？回答是不适合。因为显示器的分辨一般是72居多，用了300的，其实在显示器上显示也是差不多的效果。文件反而会大。

5、网页图片品质

由于现在的存储设备容量越来越大，图片大小已经不是问题，除了前面说的那四项造成图片文件以外的原因外，还有一项是图片的品质。何谓品质：即图片的质量，质量高就清晰、质量低就模糊。那是不是质量越高越好呢？当然不是。多少范围才图片质量较好，文件大小适中的呢？通过我们的经验所得，80%-90%即可。下面我们通过一组图片对比大小和视觉效果来阐述。

100%原品质：258.92K

90%的品质：107.08K

80%的品质：67.45K

100%原品质：258.92K

90%的品质：107.08K

80%的品质：67.45K 

我们发现：100%跟80%相关将近4倍，可是从视觉上，我们感觉区别不是很大，除非是非常专业的显示器，但我们知道，我们显示器，都是普通的，就算是在IPAD、IPHONE上面，也是显示效果差不多的，但文件大小却是区别较大。有兴趣的朋友可以下载这三张图片，看一下文件大小是不是有所区别。

以上就是尚道互动在日常南京网站建设，南京网站制作过程中关于图片的一些心得体会，希望对您的网站设计有所帮助，欢迎与我们交流、分享。