13991117807

网站建设时图片使用哪种格式?网站图片格式下的秘密!

 二维码 84
发表时间:2019-08-14 16:42

  文字、图片和色彩被称为网页设中必不可以的三大元素。我们都知道,文字有字体、字号、颜色的差别,色彩则以色相、色调进行区分,而图片主要以格式区分。在网站建设中合理的利用图像,选择适合的图片格式,不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担。下面西安网站建设就来说说JPG、GIF、PNG这三种最常用的图片格式的区别吧!

  一、网站图片的三中格式:JPG、GIF和PNG

  GIF的色彩效果最低,不过体积小,有着极好的压缩效果,当然最重要的是支持动画,并且支持透明效果,虽然这个透明没有PNG的那样渐变透明的强大。如果你的图片只有很单调的色彩,没有渐变色,那么选GIF是很合适的。

  JPG是数码相机最常用的格式,其特点是色彩还原好,可以在照片不明显失真的情况下,大幅降低体积,所以体积不很大,缺点是不支持透明。照片类的图片,例如网站上的Gallery,若要张贴自然风景之类,**都用JPG格式。

  最后来说说最适合网络的图格式——PNG!它的优点是:清晰,无损压缩,压缩比率很高,可渐变透明,几乎具备了GIF的所有优点;缺点是不如JPG的颜色丰富,图片体积也比JPG略大。但是PNG却是公认的最适合网页使用的图片格式。像百度、Google首页的logo就是PNG格式的。

  通过以上的对比,我们可以发现:

  大小比较:通常地,PNG ≈ JPG > GIF

  透明性:PNG > GIF > JPG

  色彩丰富程度:JPG > PNG >GIF

  兼容程度:GIF ≈ JPG > PNG

  二、网站建设时图片使用注意事项!

  1、当图片拥有丰富的色彩时,并且没有明显锐利反差的边缘线条时,选择 JPEG 可以得到**的输出结果。

  2、当图片拥有明确边缘的线条图、没有使用太多色彩、甚至可能需要透明背景时,GIF 是完美的选择。

  3、当图片颜色简单对比强烈的则需要采用PNG,选择PNG格式时设计师必须根据图片需求来选择不同的图档格式,并且对其做适当的调整。还需要注意的就是浏览器支持度的问题。

  另外还有一个原则就是用于页面结构的基本视觉元素,如容器的背景、按钮、导航的背景等应该尽量用PNG格式进行存储,这样才能更好的保证设计品质。而其他一些内容元素,如广告Banner、商品图片等对质量要求不是特别苛刻的图片,则可以用JPG去进行存储,这样可以有效降低文件大小。这些窍门你get到了吗?


西安网站建设微信公众号


信之上微信公众号

西安信之上信息技术有限公司

Xi 'an Xinzhishang   information technology co., LTD


服务热线(Telephone):13991117807          咨询热线(Mobile Phone):13991117807

客服邮箱(E-mail):xianxzs@163.com              客服Q Q(Service QQ):31388282   

公司地址(Address):西安市环城西路南段东光大厦

西安网站建设


服务微信-马上咨询