宜兴做网站如何选择图片格式JPG PNG GIF SVG
发表日期:2021-01-16 08:09:03   文章编辑:admin    浏览次数:331
 

判断一个宜兴网络公司的网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG,SVG和PNG等格式,但并非所有人都知道它们之间的具体区别和使用技巧。
以下是博路网络多年宜兴做网站得出的经验:


1.JPEG
JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所以它不被认为是一种无损图像格式。
jpg用途:
由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片并不适合做简单色彩(色调少)的图片,比如LOGO,各种小图标(ICONS)。

2.GIF
GIF格式,是为使图片能够应用在在线(online)应用程序上所特别开发的图片格式。Gif,有时也被成为“Giff”,是一种无损,8位图片格式。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指,所能表现的颜色深度一个8位图像仅最多只能支持256种不同颜色(一个多余256种颜色的图片若用gif图片保存会出现失真)。
gif用途:
由于8位颜色深度的限制,Gif不适合应用于各种色彩过于丰富的照片存储场合。但它却非常适合应用在以下场合:
* Logo
* 小图标(Icon)
* 用于布局的图片(例如某个布局角落,边框等等)
* 仅包含不超过256种色彩的简单,小型图片场合
透明特性:
GIF支持基本的透明特性,这意味着你能够使图片的某些像素“不可见”。在其被放置到网页中时,我们就可以看到通过这些不可见区域看到此图片后面的背景颜色(图片)。此特性非常有用:如果你需要将某个gif图片的内容置于所有图片的上层,你可以将其设置为透明。
压缩特性:
GIF格式采用LZW算法进行压缩,此算法是Unisys申请的一项专利。在很久很久之前,如果你想使用GIF格式,那么就意味着你需要向Unisys付费申请专利许可。不过值得高兴的是,此项专利技术已于2003年6月20日过期,我们现在可以免费的使用GIF了!
隔行扫描:
GIF同时也支持隔行扫描。隔行扫描能够令图片在浏览器中更快的加载和显示。此特性对于那些慢网速的浏览者来说尤其实用。
动画GIF:
一个动态的GIF文件,是由若干帧图片所联结而成的动态图片。在显示时,这些动态帧被反复的绘制读取出来从而形成了简单的动画效果。合理的运用GIF动画能够为网页增添动静结合的效果,而过度的使用则会使网页杂乱无章。

3.PNG
PNG,读“ping”,初始时被作为GIF的免费替代格式所开发,采用公共专利压缩算法。PNG格式也是一种无损压缩,但与GIF格式不同的是,PNG同时支持8位和24位的图像。
8位PNG图像:
一个8位PNG图片,支持透明背景且像素颜色不能超过256种。除了压缩算法不同之外,此8位PNG格式与GIF格式极其相似;
png用途:
8位PNG图片的用途与GIF格式基本相同,
* Logo
* 小图标(Icon)
* 用于布局的图片(例如某个布局角落,边框等等)
* 仅包含不超过256种色彩的简单,小型图片场合
24位PNG图像:
24位PNG,支持160万种不同的像素颜色且支持Alpha透明效果,这就意味着,无论透明度设置为多少,PNG图片均能够与背景很好的融合在一起。
对PNG的支持:
由于PNG格式的广泛使用和开发者更加重视网页的WEB标准,不同浏览器对PNG的支持就显得相当重要了。不过,幸运的是,目前市场上主流的浏览器对PNG格式都有很好的支持,这包括:IE*, Firefox, Safari, Opera, and Konqueror。
*但不幸的是,IE6及IE6以下的浏览器对PNG透明背景的支持并不好(IE6解决png透明图片兼容)。不过我们仍可以通过其他方法来解决这个问题,详情请查看如何在IE6兼容透明PNG。

4.SVG
SVG是一种用XML定义的语言,用来描述二维矢量及矢量/栅格图形。SVG以矢量图形的格式显示,所以在网页上显示的.svg不管怎么放大缩小,都显示的非常清晰,及加载速度快。

.svg用途:

与其他图像格式相比,使用 SVG 的优势在于:
●SVG 可被非常多的工具读取和修改(比如记事本)
●SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。
●SVG 是可伸缩的
●SVG 图像可在任何的分辨率下被高质量地打印
●SVG 可在图像质量不下降的情况下被放大
●SVG 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)
●SVG 可以与 JavaScript 技术一起运行
●SVG 是开放的标准
●SVG 文件是纯粹的 XML
SVG 的主要竞争者是 Flash。
与 Flash 相比,SVG 最大的优势是与其他标准(比如 XSL 和 DOM)相兼容。而 Flash 则是未开源的私有技术。
目前,不是所有的浏览器都支持 SVG,这也是 SVG 普及的最大障碍。Mozilla、Firefox 和 Opera 都支持 SVG,而微软也计划这么做。在微软发布的Internet Explorer 9 中已经提供了对SVG 格式的支持。
SVG编辑器的数量正在增长,Adobe GoLive 5 也支持 SVG。

以上4种图片格式是宜兴做网站经常需要用到的图片格式,根据实际图片,正确选择对应的图片格式,对网站加载,显示效果会大大提高。如:网站图片加载速度及网页图片的清晰度会更好。

如没特殊注明,文章均为宜兴博路网络原创,转载请注明来自https://www.boroad.net/news/gongsixinwen/2018/0112/147.html
相关文章推荐
开工大吉丨新年新气象 再战新征程春节的气氛还未消散新的征程已拉开序幕宜兴博路网络今日2023.1.29正式开工开启新一年的奋斗立足新起点再战新征程我们定当全力以赴为客户提供更优质的··· ...
宜兴博路网络从事宜兴网站设计,网站优化,网络推广比较早的公司于2004年成立,现业务覆盖:响应式应网站设计,小程序定制,画册设计,网站优化,百度竞价,百度爱采购,360排名 ...
判断一个 宜兴网络公司 的网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG,SVG和PNG··· ...
为什么企业网站上的图片百度不收录?宜兴网络公司设计小编可以非常负责任地告诉你,那是因为你没有做好以下几个方面: 1、我们要知道,百度网页搜索与百度图片搜索的spider是同一个 ...
十几年前,做业务大部分可能还是靠销售员线下跑单位,先进一点的可能会有自己的呼叫系统和电话销售团队,有点互联网意识的,可能会在阿里巴巴上摸索出路。 那个时候互联网还不 ...
  宜兴网站设计价格低廉已经不是稀奇事了,因为有些公司已经推出了网站建设先设计后付款,更有甚者部分公司甚推出了“免费网站建设”的口号。博路网络是一家无锡宜兴网站建 ...