网页视觉设计第1页，共24页，星期日，2025年，2月5日1网页的规格尺寸第2页，共24页，星期日，2025年，2月5日1.1网页尺寸与分辨率网页尺寸和显示器的分辨率有直接关系，分辨率是以像素为单位的。在15寸阴极射线管(CRT)显示器普及的年代，800x600的分辨率为主流，那时宽度为778像素的网页最为常见，是778像素而不是800像素是为了给网页浏览器的滚动条留出位置。出于浏览者的易用性考虑，高度是允许向下延展的，所以一般对高度不限制。对于一屏来说，一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。在17寸阴极射线管(CRT)显示器普及的年代，1024x768的分辨率为主流，这时宽度为1001~1003像素的网页最为常见，同样，是1002像素而不是1024像素是为了给网页浏览器的滚动条留出位置。CRT显示器第3页，共24页，星期日，2025年，2月5日对于17、19英寸普屏液晶(LCD)显示器，其最佳分辨率为1280x1024，这时宽度为1259像素的网页才能在宽度上满屏显示，同样，是1259像素而不是1280像素是为了给网页浏览器的滚动条留出位置。17寸普屏液晶显示器19寸宽屏液晶显示器现在流行的宽屏液晶显示器的显示比例有16:10和16:9两种，对于19英寸16:10比例的宽屏液晶显示器，1440x900为最佳分辩率；对于19英寸16:9比例的宽屏液晶显示器，1366x768为最佳分辩率。1.1网页尺寸与分辨率第4页，共24页，星期日，2025年，2月5日显示器分辨率：800×600网页宽度：778像素第5页，共24页，星期日，2025年，2月5日显示器分辨率：1024×768网页宽度：778像素第6页，共24页，星期日，2025年，2月5日显示器分辨率：1280×1024网页宽度：778像素第7页，共24页，星期日，2025年，2月5日显示器分辨率：1024×768网页宽度：1002像素第8页，共24页，星期日，2025年，2月5日显示器分辨率：1280×1024网页宽度：1002像素第9页，共24页，星期日，2025年，2月5日显示器分辨率：800×600网页宽度：1002像素第10页，共24页，星期日，2025年，2月5日960像素；950像素；950像素；960像素；950像素；1.2各大网站的网页规格第11页，共24页，星期日，2025年，2月5日2网页的图像第12页，共24页，星期日，2025年，2月5日网页图像主要包含网站Logo、内容图像、背景图像、广告图像、图标等。2.1网页图像的种类第13页，共24页，星期日，2025年，2月5日JPEG（JointPhotograhicExpertsGroup，联合图像专家组），这种图像的扩展名为jpg。JPG最主要的优点是能支持上百万种颜色。由于JPG图片使用更有效的有损压缩算法，它的压缩比相当高，使用专门的JPG压缩工具其压缩比可达180：1，有损压缩会放弃图像中的某些细节，但是图像质量从浏览角度来讲质量受损不会太大，从而使图像文件量更小，这样就大大方便了网络传输和磁盘交换文件。JPG格式适合表现颜色数目多、渐变丰富、无清晰轮廓的连续调图像（如人物、景象照片），因为在照片中损失一些细节不像对艺术线条那么明显。但是从长远来看，JPG随着带宽的不断提高和存储介质的发展，它也应该是一种被淘汰的图片格式，因为有损压缩对图像会产生不可恢复的损失。所以经过压缩的JPG的图片一般不适合打印，在备份重要图片时也最好不要使用JPG。还有，JPG也不如GIF图像那么灵活，它不支持图形渐进、背景透明，更不支持动画。2.2网页图像的格式第14页，共24页，星期日，2025年，2月5日原图像：435KB2.1网页图像的种类第15页，共24页，星期日，2025年，2月5日JPG压缩后：95.2KB2.1网页图像的种类第16页，共24页，星期日，2025年，2月5日GIF格式：164KB2.1网页图像的种类第17页，共24页，星期日，2025年，2月5日