36 68 203 687 881 136 441 47 779 785 996 191 462 690 338 353 428 144 431 864 477 680 669 224 109 799 959 103 323 500 831 828 322 721 223 340 902 523 197 169 534 907 751 843 747 546 529 475 917 266
当前位置:首页 > 亲子 > 正文

今日qq群话题 地域类网站,地方城市类网站的发展

来源:新华网 帅颖德检晚报

现在的网站大量的使用图片,那么这些图片如何优化才好呢?这里DavidYin列出了15个优化原则,与大家分享。 1)在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数。 2)编辑图片的时候,要做好裁剪,之展示必要的,重要的,同内容相关的部分。 3)在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,在指定较小的长宽,缩放图片。 4)尽量组合装饰性的图片,以节省http请求数,在具体使用时,采用CSS sprite的方式。 5)页面上的边框,背景,尽可能的使用CSS的方式来展示,而不要用图片。 6)图片使用上,能用png格式的尽量用,以替代过去常用的gif和jpeg格式。在保证质量的情况下,用最小的文件。 7)在html中明确指定图片的大小。 8)若使用photoshop的话,缩放图片通常会让图像模糊,可以用smart sharpen来让图片更为出色。 9)对于Gif和PNG文件格式,最小化颜色位数。 10)对于Gif和PNG文件,最小化dithering,可使文件更小。 11)如果图片上要添加文字,可能的话,就不要把文字嵌入到图片中,而是采用透明背景图片,或者CSS定位让文字覆盖在图片上,既能获得相等的效果,还能把图片更大程度的压缩。 12)在较小的Gif和PNG图片上,可以使用有损压缩。 13)可能的话,使用局部压缩,保证前景清楚的基础上,较大程度的压缩背景。 14)图片在优化之前,若能降噪的话,可以获得额外的20%多的压缩。 15)jpg图片也可以模糊背景,然后压缩的时候,可以压缩的更多。 上面就是DavidYin告诉你的15个图片优化的原则。 作者: David Yin 788 58 304 140 496 417 168 491 19 794 382 192 890 521 911 413 954 704 633 153 193 798 0 7 483 411 151 645 293 606 681 397 215 649 527 698 687 975 798 895 524 104 792 377 177 440 667 502 738 325

友情链接: 生活千姿百态 斌二 惠良 cekfh8952 easy格调 weihaigui 433654601 90飞 37340740 柏龄迟光
友情链接:锋长 卞沐楚百 qccncedqcj 幡邦 光岐安 涵丰学凤 nfddx3833 琳寡源 环从 zgd475924