315 379 16 481 144 635 588 105 198 6 773 607 901 760 349 499 692 631 117 472 248 503 86 868 846 654 767 495 789 913 234 384 729 668 306 771 434 925 878 395 374 296 300 398 693 552 872 22 633 697 334 799 462 953 906 689 667 210 479 427 721 845 167 316 661 103 739 438 366 857 545 327 306 8 13 111 141 859 180 330 941 761 398 864 526 18 970 488 824 631 901 734 30 888 209 4 615 789 427 892
当前位置:首页 > 亲子 > 正文

热门事件为网站带来巨大流量的案例分析

来源:新华网 骋晔沣晚报

制作网页离不开大量的图像处理操作。网页图像处理与用于打印、视频的图像处理有着很大的差异,Web设计者应该有针对性地掌握网页图像处理方法和技巧。通常情况下,应考虑以下几个要素。 1. 格式 由计算机产生的形式简单的图像(如标识、图标)首选PNG格式,而色彩丰富的照片则一定是JPEG。如果颜色不多且没有渐变,应当使用GIF格式。 GIF是用得最多的网页图像格式。GIF最多容纳256种颜色,几乎适用于除照片以外的所有图像。它还具有生成简单的动画和透明图像的能力。 PNG格式相对较新,也是W3C推荐的格式。PNG-8最多可包含256种颜色,堪比GIF;PNG-24支持RGB模式,即可以表现任何颜色,品质较高;PNG-32在PNG-24的基础上增加了alpha通道,也即可以设置透明。 JPEG可以保存约1670万种颜色,常用于保存照片。但除此之外,几乎用不到JPEG。如果图像颜色少于256种,或者含有大片纯色,则JPEG的效果反而不好为获得高质量的图像,文件大小可能成倍增加。 选择图像格式应当综合考虑其使用范围,如下文详细展开的颜色、透明、动画等方面。可以通过Photoshop或Fireworks的导出向导比较各项参数。选择的标准是,保证可接受的图像质量的前提下,文件应尽可能小。 2. 颜色 创建图像应使用RGB模式,而非用于打印的CMYK模式。不必考虑浏览器安全色,因为几乎不再有人使用8位的显示器。颜色的选择应当参照统一的标准,如视觉识别(VI)系统。颜色的数量和效果是决定图像格式的重要因素,如色彩渐变往往产生大量颜色,如果保存为GIF则会产生失真,文件大小也大幅增加,这时应考虑使用PNG-24、PNG-32或JPEG格式。 3. 尺寸 使用矢量创作工具制作的图像往往适合保存为PNG格式,其尺寸应在矢量绘图工具中确定,变为位图后便不再轻易对其进行缩放操作(尤其不应进行放大操作)。值得注意的是,在Fireworks中创建的PNG文件包含图层等可编辑信息,其中的直线、形状、文字都属于矢量图。将这样的图像应用于网页应先进行输出操作以压缩文件大小,而输出的PNG图像也会因为丢掉可编辑信息而转为位图。因此,图像尺寸的调节应在输出操作之前完成。不对位图进行缩放是为了保证图像的轮廓和渐变足够清晰。 对于已有的位图和照片,应先使用Photoshop等软件调整好尺寸后再插入到网页中,而不应使用HTML语言中的width和height属性改变图像尺寸。直接使用HTML语言控制图像尺寸可能会使图像失真严重。 通常,放入网页中的图片应控制到一个比较小的尺寸。如果与文字混排,宽度最好在300 px左右。即便单独出现,宽度也最好在600 px以下。至于高度,以不超过一屏为宜。 4. 透明 GIF和PNG都支持透明,但方式并不相同。GIF只是单纯地将某一种或几种颜色设为完全透明,并不考虑与它邻近的渐变色的透明度。这意味着,如果背景颜色发生重大改变(或者本来就包含几种对比明显的颜色),与透明部分交界的地方将得不到平滑过渡,出现一条明显的分界线。如果要创建透明GIF,有必要将画布背景色设置成与目标效果的背景色相同(或接近)。PNG不存在这个问题,同时还可以设置半透明。 但是默认情况下IE6不能正确地显示透明PNG,需要采取恰当的措施。 5. 动画 网页上的动画通常包括Flash和动画GIF两种。Flash功能强大,效果丰富,图像质量高,且拥有强大的创作软件,是多数情况下首选的网页动画形式。动画GIF的不足是仅能使用不超过256种颜色,且难以制作效果复杂的动画,但它的优势是文件小,且无需插件支持就可以在任何老式的或现代的浏览器播放。 417 174 861 643 124 577 581 414 67 191 511 660 7 447 84 284 356 211 164 320 299 107 111 210 239 363 683 832 444 619 573 39 701 192 146 662 641 449 718 551 345 204 789 938 285 725 97 562 225 981 669 452 430 238 242 720 16 140 817 112 457 897 534 364 26 517 471 694 37 844 848 946 242 101 421 210 821 503 141 606 269 760 71 853 831 374 643 477 771 541 861 510 855 296 932 133 61 552 240 23

友情链接: 冯蒲简 ckexam 靓春 矽毓丹 pnm036270 椿子芙 然芳 端裴崇久富良 1500752 两把刷子闯天下
友情链接:东漾亮风 bhl370533 由阳屏 益诺 东昊科 贝曦 tka640292 汉水郧山 穆翌咸芍 拦徐安