盘绰网教程:是一个免费提供流行视频软件教程、在线学习分享的学习平台!

网站图片格式下的隐秘

时间:2018-08-12作者:未知 来源:盘绰网教程人气:115

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

 

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

 

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

 

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

福建润商网络.png福建润商网络.png

 

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

 

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

        透明性:PNG > GIF > JPG

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

        兼容程度:GIF ≈ JPG > PNG

 

        综合以上结论,在具体实践中,我们需要注意的是:

 

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

 

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

 

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

 

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

 

        如果你有关于网站建设、网页设计、网站推广、微店营销等方面的需求,欢迎与福建润商联系。

福建润商网络.jpg

关键词:【网站建设】网站图片格式下的秘密,网页设计,北海网站制作,北海网站建设,北海网站开发,北海建网站





Copyright © 2012-2018 盘绰网教程(http://www.panchuo.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版