图片是程序员在设计网页的时候会经常用到的一个网页开发元素,而今天我们就通过案例分析来了解一下,网页设计常用的图片类型都有哪些。
JPEG/JPG:使用JPEG格式压缩的图片文件,是目前应用广泛的图片格式之一。普遍被使用的扩展名格式为.jpg,其他常用的扩展名还包括.jpeg、.jpe、.jfif以及.jif。联合图像专家小组(JointPhotographicExpertsGroup)1992年发布JPEG压缩标准,1994年获得ISO10918-1认证。其特点是有损压缩,直接色,位图,体积小,常用于颜色较丰富、无透明要求的图片。
PNG:PNG是一种无损压缩的位图图形格式,支持索引、灰度、RGB三种颜色方案以及Alpha通道等特性。PNG的开发目标是改善并取代GIF作为适合网络传输的格式而不需专利许可。名称由来一个是PortableNetworkGraphics(便携式网络图形),还有一个非正式的由来是"PngisNotGif"。使用场景是带有透明、半透明背景的图片,需要在网络传输中显示预览效果后展示全貌。上古时期的IE6不支持PNG半透明,需要用hack方法解决。PNG体积比较大,非必须可用JPG替代。PNG有png8、png24、png32之分。
png8:多支持256色的PNG,无损、索引色的位图。非动图可以替代GIF,体积更小,透明度支持也更好。
png24:多支持2^24色的PNG,不支持透明,无损、直接色的位图。目标是替换JPG,但一般来说,相同显示效果,PNG图片是JPG体积的数倍。
png32:加上8位Alpha通道的png24。(注:PS中导出图片时选择png24,勾选透明度,导出的是png32)。
GIF:图像互换格式(GraphicsInterchangeFormat)是一种位图图形文件格式,无损压缩、索引色。原始版本为87a,1989年发布89a版本,支持多帧动画和透明色。1995年NetscapeNavigator2.0发布,定义了动画循环多少次或是否无限次播放,现在聊天的动图都是基于该版本的GIF。GIF的特性如下:
优秀的LZW算法在保证质量的同时将体积变的更小。
可插入多帧实现动画效果。
可实现透明效果。
多支持256色,故不适用于真彩片。
WebP:Google2010年发布的同时支持有损和无损压缩的图片文件格式。有损用来替换JPG,无损用来替换PNG,动态用来替换GIF。根据Google较早的测试,WebP的无损压缩比网络上找到的PNG档少了45%的文件大小,即使这些PNG档在使用Pngcrush和PNGOUT处理过,WebP还是可以减少近30%的文件体积。
SVG:可缩放矢量图形(ScalableVectorGraphics)是一种基于可扩展编辑语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开放标准。SVG的优点是文件可读,易于修改编辑。支持多种滤镜和特殊效果,在不改变图像内容的前提下可以实现位图中类似文字阴影的效果,还可以生成动态图形。
希望这辈子,最让你无悔的事情就是来达内学习!学习向来不是件易事,但无论过程多么艰难,希望你依然热爱生活,热爱学习!永远记得,达内将与你一同前行!现在扫码,立即领取万元课程礼包,助力0基础快速入行,为你梳理行业必备技能,全方位了解岗位发展前景!
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。