网站设计中对?#35745;?#30340;选用和处理

   今天有朋友咨询一个问题,他的网站打开的速度越来越慢了,好像是在网页中加载的?#35745;?#22826;多了。想寻找一些对?#35745;?#30340;处理方式。连云港久爱网络公司(92网络)对于这种情况,一般需要对网站做下分析,?#39029;?#24433;响网速的真正原因。如果是仅是?#35745;?#38382;题,92网络就说一说自己关于“网站设计中对?#35745;?#30340;选用和处理”的相关经验。

        来说说几种常见的?#35745;?#26684;式和在网站上的使用情况

         PNG(Portable Networf Graphics)的原名称为"可移植性网络图像",是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。由于PNG非常新,所以目前并不是所有的程序都可以用它来存储图像文件,但Photoshop可以 处理PNG图像文件,同时在?#35745;?#20445;存方面,PNG可以保存背景为透明,目前背景可以透明的?#35745;?#26684;式有:*.tif,*.gif,*.png,他们生成的文 件都是比较大的。

   同时,因为PNG是矢量图,一般?#35745;?#22788;理或网页放大缩小上,不容易失真。但很多时候PNG?#35745;?#20063;很大,我们就需要考虑下其它的?#35745;?#26684;式了。

        PNG同时支持8位和24位的图像。24位PNG,支持160万种不同的像素颜色且支持Alpha透明效果,这就意味着,无论透明度设置为多少,PNG?#35745;?#22343;能够与背景很好的融合在一起。


   GIF文件最突出的地方就是他支持动画,同时GIF也是一种无损的?#35745;?#26684;式,也就是?#30340;?#22312;修改?#35745;?#20043;后,?#35745;?#36136;量并没有损失。再者GIF支持半透明(全透 明或是全不透明)。所以一般GIF图会比较大些,但对于一些单像素,或小?#35745;?#21453;而会比JPG文件要小,根据Google的说法,GIF适用于很小或是较 简单的?#35745;?10×10以下或是3种颜色以下的?#35745;?。所以我们对于网页上的小部件?#35745;图?#21333;动画可以使用GIF来做。

        GIF是8位?#35745;?#26684;式。“无损”是指100%的保持原始?#35745;?#30340;像素数据信息。专业名词“8位”是指,所能表现的颜色深度——一个8位图像仅最多只能支持256种不同颜色(一个多余256种颜色的?#35745;?#33509;用gif?#35745;?#20445;存会出现失真)。楼主说的失真应该是指这方面吧?

      JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的?#25490;?#31354;间得到较好的图像质量。

       你可以根据你网页的需要,灵活运用好各种?#35745;?#26684;式。

     但对于有些GPG?#35745;?#25105;们压缩后,还是觉得有些大,是因为?#35745;?#30340;像素比例比较高。

    连云港92网络公司在这里再给你支几个招,说一说网页?#35745;?#30340;处理方式:

     首先,用一个简单方法,就可以调整好。那就是——截图。

        这一招真好不错

    人的眼睛对?#35745;?#30340;分辨率在72dp以下,所以一般网页的?#35745;?#22522;本为72dp。所以我们在上传?#35745;?#30340;时候,不需要高精度的?#35745;?#37027;么我们只需要用截图工具在截取另存一下?#35745;?#36825;样保存的?#35745;?#23601;是72dp的图了,适合在网页上使用。

      第二招:我们我们如果是在Photoshop中制作的?#35745;?#25110;是网站素材,在保存?#35745;?#26102;,切记选择”存储为Web和设备所用格式”。因为这样往往在同等质量下能获得更小的?#35745;?#20307;积(相比直接”存储为”)。

     第三招:使用Smush it工具

     Smush it包含在著名的著名插件YSlow之中,并确保已经安装了Firebug.使用方法很简单,只需要在YSlow中打开”tool”下的All Smush it! 将会跳转到一个新页面,对当前网页的?#35745;?#36827;行压缩,而这些压缩都是在不损失?#35745;?#36136;量下进行的。所以你大可放心。

     第四招:技术处理

      如果网站需要更高精度的?#35745;?#21487;以适应一下预载技术,就像百度?#35745;?#37027;样,开始的时候先加载低精度的?#35745;?#35753;网页尽快打开,后再显示高精度的?#35745;?/span>


     好了,内容不少,也在网上找了些文章来验证一下,手打的也够累了,相信以上的内容应该可?#36234;?#20915;他的问题了。欢迎追问,在网站建设和优化上能有更多的交流。

手机用户浏览,请扫描此二维码:
连云港网站建设
点击这里给我发消息
网站SEO咨询
点击这里给我发消息
手机网站设计
点击这里给我发消息
连云港网站建设seo优化推广客服系统
csgo电竞比分表
pk走势 爱彩乐广西快3走势图 河比体彩快三开奖结果 2018香港马会资枓大全145 快速赛车计划规律 黑龙江福彩快乐十分开奖号码 四川快乐12推荐任五 黑龙江十一选五开奖果 北京pk记录 刘伯温一肖中特 8888彩票app官方正版下载 赛车10pk官方直播 五分赛 幸运快三精准预测分析 平特一肖开奖直播 赛车的秘密玩法心得