您的位置:新葡亰496net > 新葡亰官网 > 新葡亰496net:图形文件格式大全,常用的几种图

新葡亰496net:图形文件格式大全,常用的几种图

发布时间:2019-10-22 02:35编辑:新葡亰官网浏览(171)

    在网页上利用JPG、PNG和SVG:菜鸟指南

    2017/06/27 · HTML5 · 1 评论 · JPG, PNG, SVG

    原来的文章出处: Bruno Müller   译文出处:众成翻译   

    现行反革命,图像已经济体制更始为网络不能缺少的黄金时代有的。但意况并不是一定如此。直到1991年,Mosaic浏览器才在网页内容中参预图像。有个别图像格式像GIF和JPEG那时已经存在,而PNG和SVG直到90年份才面世。图像用途二种,如:显示图片、品牌、插图、图表以至好多其余内容。

    是因为图片格式多样以致五花八门的使用场景,如何挑选正确的图片格式变得更其费劲。LOGO应该是选用SVG照旧PNG?而截图是选JPEG好只怕PNG好?在不生成过大文件的前提下,文件的最优秀量是多少?明白种种图像格式的劳作规律以致它们各自的利害能够帮忙回答那么些主题材料。

    在过去几年中,数字化设计和前端开采里大量的斟酌和测量试验工具已经援助大家搞了解了这一个难点。在本文中,作者将体现一下每一种格式的办事原理,它们各自的长处以至在网页使用时的滑坡与封存方法。

    前言

    在互连网连忙上扬,人山人海的立时,无论是PC端,还是移动端,图片都以必得的成分。好的图片能让大家的采用闪闪发光。同时客户体验也是第大器晚成,大家在担保图片品质的同不时候,还要思量接收的品质,正确的图片格式能为大家的行使带来好的性质,反之则不然。那么面临那么多的图片格式(JPEG,png,gif,svg,webp),我们理应怎样抉择呢?

       有人问过这么的难题,用于出挂图的地图格式应该怎么选取?纯熟ArcGIS的顾客都知道,ArcGIS援助打印导出的地图格式有繁多,但它们之间也拥互不相同,在不一致应用情况下要选用尤其相符的格式,所以那边就做个详细的介绍。
    1、怎样导出地图

    图形文件格式大全 (载入中...)

    一、BMP格式:

    BMP是朝鲜语Bitmap(位图)的简写,它是windows系统下的正式位图格式,其富含的图像音信较充足,差非常的少不开展削减,日常图像文件会极大,占用磁盘空间过大。前段时间在单机上相比流行

    JPEG

    JEPG由共同图像行家小组(Joint Photographic Experts Group)于1995年创设,并以创造者命名。JPEG是大器晚成种有损光栅图像格式,那意味每一次压缩保存JPEG时,一些消息将爆发不可反败为胜地不见。

    JPEG利用人眼感知的症结 – 对亮度比对颜色更敏感 – 使用了黄金时代种压缩算法来舍弃我们不太长于获取的消息,由此属于“有损格式”。压缩率的设置将决定最后保存文件的尺寸和质量。 JPEG压缩本领远远不仅仅那几个,借使你想浓烈摸底,能够看看大卫·奥斯丁(大卫奥斯汀)的那篇小说 。

    一、JPEG

    JEPG由共同图像行家小组(Joint Photographic Experts Group)于1994年创造,并以创制者命名。JPEG是黄金年代种有损光栅图像格式,那意味着每一回压缩保存JPEG时,一些音讯将发生不可逆袭地不见

    JPEG利用人眼感知的缺陷 对亮度比对颜色更加灵活 使用了豆蔻梢头种压缩算法来扬弃我们不太擅长获取的音讯,由此属于有损格式。压缩率的安装将调整最后保存文件的大小和品质。

            使用ArcMap的导出地图命令(文件>导出地图)将方兴未艾体化的地图图像导出为图像交流文件。

    一、BMP格式

    二、JPEG格式:

    也是使用最广大的图片格式之意气风发,JPEG仅仅是大器晚成种俗称而已,JPEG文件的强盛名叫.jpg或.jpeg。它选择蒸蒸日上种独特的有损压缩算法,将精确被人眼察觉的图像颜色删除,进而实现极大的回降比(可达成2:1居然40:1),能够说是用起码的磁盘空间获得较好的图像品质。因为JPEG格式的文件尺寸相当的小,下载速度快,所以是网络络最广大选拔的格式。

    JPEG的用途

    因为JPEG适用于亮度和色彩压缩,所以在照片,以致别的写实大概带阴影的图像(如美术和3D渲染)上运用效益甚佳。那便是为啥它是多年来最风靡的蕴藏图片的格式。出于一样的因由,JPEG不稳当用在矢量图片,如徽标,几何图形,截图等地方。

    新葡亰496net 1

    肖像,以致美术等繁缛的或带阴影的图像,是接纳JPEG的很好的例子。

    1.用途

    因为JPEG适用于亮度和色彩压缩,所以在肖像,以致另外写实也许带阴影的图像(如美术和3D渲染)上利用效果不错。那正是怎么它是多年来最流行的囤积图片的格式。出于同样的原委,JPEG不切合用在矢量图片,如徽标,几何图形,截图等方面。

            新葡亰496net 2

      BMP是捷克语Bitmap(位图)的简写,它是Windows操作系统中的规范图像文件格式,可以被两种Windows应用程序所扶植。随着Windows操作系统的盛行与增进的Windows应用程序的开拓,BMP位图格式理所必然地被普遍应用。这种格式的脾性是满含的图像音讯较充裕,大概不开展削减,但经过变成了它与生俱生来的劣势--占用磁盘空间过大。所以,前段时间BMP在单机上对比流行。

    三、JPEG 2000格式:

    JPEG 三千看作JPEG的提拔版,它具备高压缩率以至越多新功能的新一代静态印象压缩技艺,其压缩率比JPEG高约四分之一左右,它能落到实处渐进传输。协理有损和无损压缩,而JPEG只可以扶植有损压缩。无损压缩对封存一些要害图纸是不行卓有功用的。JPEG 两千可用于古板的JPEG市肆,如扫描仪、单反等,亦可应用于新兴领域,如网路传输、有线通信等等。

    压缩JPEG

    用作有损格式,JPEG文件的压缩率与最后图像品质呈反比。在像Photoshop那样的工具中保留JPEG时,你会看出多少个从0到100的品质设置。Photoshop设置了部分图像品质范围:

    • 低 — 10%
    • 中 — 30%
    • 高 — 60%
    • 非常高 — 80%
    • 最佳 — 100%

    新葡亰496net 3

    最佳 100% (61 KB), 非常高 80% (29 KB).

    新葡亰496net 4

    高 60% (16 KB), 中 80% (7 KB).

    新葡亰496net 5

    低 100% (6 KB), 最低 0% (3 KB).

    Web页面上建议利用在50%到60%质量之间的JPEG,因为它能全职不错的图像质量和非常的小的文件尺寸。删除元数据也可以削减JPEG文件容量。还会有如TinyJPG的在线工具,以致桌面应用程序如 ImageOptim (Mac) 和 RIOT (Windows)都能够用来压缩图片。在Photoshop里,能够经过在“导出”中选拔“元数据:无”或“存款和储蓄为Web所用格式(旧版)”来达成减少。对图像全部还是有些进行模糊处理也会爆发十分的小的文书,不相信的话你能够看这里。请小心,由于JPEG是有损格式,尽管以100%的品质保存同样的公文,因为压缩算法在同等图像上二回又三次地使用,多次以往也会招致图像质量的回退。但那风流罗曼蒂克变型恐怕不会来得在文件大小的退换上。

    2.压缩

    作为有损格式,JPEG文件的压缩率与最后图像品质呈反比。在像Photoshop如此这般的工具中保存JPEG时,你会看出三个从0到100的品质设置。Photoshop设置了部分图像质量范围:

    图像质量 压缩百分比
    10%
    30%
    60%
    非常高 80%
    最佳 100%

    Web页面上建议使用在50%到60%材质之间的JPEG,因为它能专职不错的图像质量和很小的文件尺寸。删除元数据也得以减掉JPEG文件容积。

    压缩工具:

    • 在线:TinyJPEG
    • Mac上 ImageOptim
    • Windows上 RIOT

            从图中得以观望,可将地图导出为10种适合行业标准的文件格式。在那之中EMF、EPS、AI、PDF和SVG称为矢量导出格式,因为那么些文件既满含矢量数据 又包括栅格数据;BMP、JPEG、PNG、TIFF和GIF称为图像导出格式,这一个属于栅格图形文件格式。针对分化的输出,张开“选项”成效能够扩充不一样的安装。

      二、GIF格式

    四、GIF格式:

    GIF是德文Graphics Interchange Format(图像调换格式)的缩写。最大的特征是既能够是一张不改变的图形(GIF87a),也能够是卡通(GIF89a),并且支持透明背景图像(GIF89a),切合用于两种操作系统,“体型”相当小,网络海人民广播广播台大小动画都以GIF格式。不过其色域不太广,只扶助256种颜色。

    PNG

    可移植网络图片(Portable Network Graphics)也是大器晚成种自一九九五年的话就直接存在的光栅图像格式。它与JPEG分歧,因为它是朝气蓬勃种无损格式,何况是近来互连网上最广泛的无损格式。这表示由于它的压缩算法,当文件被保存和裁减时,不会放任任何新闻。

    PNG有那些很酷的特征,如:

    • 透明通道 – 意味着各样像素能够有所不相同的反射率;
    • 8位文件能够选择基于调色板的颜料模型(也叫做索引颜色) – 那意味着尽管缩减颜色数量,文件可能越来越小;
    • 依据libPNG的说教,PNG压缩功能比GIF高25%
    • 二维隔行扫描 — 图像会在加载进程中渐进呈现,并非独有当图像完全加载时才显得。你无法不严谨接收此选项,因为它会加多文件大小。

    至于PNG更加的多特点、历史和技巧新闻的总体列表,请查看libpng的页面.

    二、PNG

    可移植网络图片(Portable Network Graphics),是风流倜傥种自一九九一年来讲就一向存在的光栅图像格式。它与JPEG区别,因为它是生龙活虎种无损格式,何况是当下互连网上最常见的无损格式。那表示由于它的压缩算法,当文件被保存和减少时,不会甩掉任何音信

    2、导出格式描述

      GIF是葡萄牙共和国语Graphics Interchange Format(图形调换格式)的缩写。看名称就能想到其意义,这种格式是用来调换图片的。事实上也是那样,上世纪80时代,美利坚合众国一家享誉的在线新闻服务机构CompuServe针对当下互联网传输带宽的限制,开垦出了这种GIF图像格式。

    五、PSD格式:

    那是名门望族的Adobe集团的图像管理软件Photoshop的专项使用图像格式Photoshop Document(PSD),它能够保留图片的完整音讯,图层,通道,文字,遮罩等各个陈设的样稿都得以被封存下来,以便后一次展开文件时方可修改上一回的统一计划。在Photoshop所支撑的各样图像格式中,PSD的存取速度比其他格式快非常多,功用也很刚劲。图像文件日常比较大。

    PNG的用途

    PNG对于线条图,LOGO,Logo和颜料少之甚少的图像非常符合。颜色复杂的相片和图像使用PNG格式将扭转庞大的文本。PNG另一个y优点是永葆透明背景。在这里种景色下,固然是复杂的图形依旧须求动用PNG,因为JPEG中不能贯彻图片透明。

    新葡亰496net 6

    PNG可以很好地用在线条小说,LOGO和图标上。 (卡通小编:xkcd)

    1.特性

    • 晶莹剔透通道 - 意味着每一个像素能够拥有分化的透明度;
    • 8位文件能够动用基于调色板的颜色模型(也堪称索引颜色) - 那意味风度翩翩旦缩减颜色数量,文件只怕越来越小;
    • 依据libPNG的说教,PNG压缩功能比GIF高25%;
    • 二维隔行扫描 - 图像会在加载进程中渐进显示,实际不是唯有当图像完全加载时才显得。你不可能不谨严使用此选项,因为它会追Gavin件大小。

           (1)EMF(Windows 加强型图元文件):EMF 文件属于本地 Windows 图形文件,当中既富含矢量数据又包括栅格数据。这几个文件非常切合于嵌入 Windows 文书档案,因为 EMF 的矢量部分可以调度大小,而又不会稳中有降品质。可是,由于 EMF 不扶持字体嵌入何况属于专用于 Windows 的格式,因而并不经常用作客户之间的交流格式。
            (2)EPS (Encapsulated PostScript):EPS 文件将透过 PostScript 页面描述语言描述矢量对象和栅格对象。PostScript 是高级图形文件、制图和打字与印刷的出版行当规范。多数制图应用程序中都可编写制定 EPS 文件,也可将该类文件作为图形置于大多数页面布局应用程序中。从 ArcMap 中程导弹出的 EPS 文件补助字体嵌入,由此纵然客商没有安装 Esri 字体也能够查阅准确的标志。从 ArcMap 中程导弹出的 EPS 能够经过 CMYK 值或 福特ExplorerGB 值定义颜色。
            (3)AI (Adobe Illustrator): AI 文件这种格式,极其适用于 Adobe Illustrator 中的后甩卖,还符合营为公布时行使的置换格式。ArcMap AI 格式可保存 ArcMap 内容列表中的大多数图层。不过,ArcMap 写入的 Adobe Illustrator 文件格式并不扶植字体嵌入,由此还未有安装 Esri 字体的客商大概不能够接纳科学的号子系统查阅 AI 文件。从 ArcMap 中程导弹出的 AI 可以通过 CMYK 值或 凯雷德GB 值定义颜色。
            (4)PDF(便携文书档案格式): PDF 文件可在差异的平台南查看和打字与印刷,并且始终如黄金年代。它们常用于在 Web 上散发布文书书档案,并且此格式以后属于文书档案调换的 ISO 官方正式。ArcMap PDF 在相当多图形应用程序中均可编制,并会保留地图的地理配准新闻、注记、评释和因素属性数据。从 ArcMap 中程导弹出的 PDF 扶植嵌入字体,因而就算客户并未有安装 Esri 字体也得以准确地展现符号。从 ArcMap 中程导弹出的 PDF 能够因而 CMYK 值或 福特ExplorerGB 值定义颜色。
            (5)SVG(可伸缩矢量图形): SVG 是豆蔻年华种基于 XML 的文件格式,特地适用于在 Web 上张开查看。SVG 能够同时富含矢量音讯和栅格消息。有个别 Web 浏览器大概供给安装插件手艺查看 SVG 文件;较早的浏览器只怕根本不能查看 SVG 文件。SVG 支持字体嵌入,由此固然客商并未有安装 Esri 字体也能够选拔科学符号系统查阅 ArcMap SVG 导出文件。ArcMap 也足以生成减少的 SVG 文件。假设启用此选项,文件扩展名变为 *.svgz。
            (6)BMP(Microsoft Windows 位图): BMP 文件属于轻易的当地Windows 栅格图像。BMP 能够动用三个位深度存款和储蓄像素数据,並且能够选取无损 SportageLE 方法实行压缩。BMP 图像的分寸平时比 JPEG 或 PNG 等格式的图像大过多。
            (7)JPEG(联合图像专家组): JPEG 文件属于经过压缩的图像文件。它帮忙 24 位颜色何况是 Web 上风行的施用格式,因为 JPEG 文件的高低通常要比大多别的图像格式小非常多。不过,JPEG 压缩算法会有损品质,大大多地图图像中都不引入应用,因为线绘图甚至文本或Logo图形会因压缩爆发的伪影而变得模糊。由此,经常PNG 格式才是地图图像的首要推荐。从 ArcMap 的数目视图中程导弹出的 JPEG 在转移时,还将同一时间生成二个坐标文件,可用作地理配准栅格数据。
            (8)PNG(可移植网络图片): PNG 属于通用型栅格格式,可在各种Web 浏览器上出示并且还可插入别的文档。它协助 25位颜色并应用无损压缩。对于地图来说,PNG 平常是精品的栅格格式,因为无损压缩可防范发生 JPEG 格式中的这种压缩伪影,进而使文本和线作业始终清晰可辨。PNG 文件还怀有定义透明颜色的效益;在 Web 浏览器中图像的热气腾腾局地可兆示为透明,那样背景、图像或颜料便能够透过图像显示。从 ArcMap 的数目视图中程导弹出的 PNG 在改换时,还将同期生成二个坐标文件,可用作地理配准栅格数据。
            (9)TIFF(标识图像文件格式): TIFF 文件最适合导入图像编辑应用程序,同不经常间它也属于龙腾虎跃种常用的 GIS 栅格数据格式。可是却无能为力透过 Web 浏览器在地头查看这么些文件。从数据视图中程导弹出的 ArcMap TIFF 也支撑在 GeoTIFF 标志中或在单独的坐标文件中存款和储蓄地理配准信息,以便用作栅格数据。
            (10)GIF(图形沟通格式): GIF 文件属于 Web 中使用的旧的栅格格式。GIF 不可能出示 256 种以上的颜料(每像素 8 位),而且动用的是可选的无损 奥迪Q5LE 压缩或 LZW 压缩方法,因而此类文件的轻重比别的格式的文件要小。与 PNG 类似,GIF 文件也装有定义透明颜色的意义。从 ArcMap 的多少视图中导出的 GIF 在更改时,还将同不日常候生成叁个坐标文件,可用作地理配准栅格数据。

      GIF格式的特点是削减比高,磁盘空间占用比较少,所以这种图像格式赶快赢得了大范围的接受。 最先的GIF只是简短地用来囤积单幅静止图像(称为GIF87a),后来随着本事发展,能够而且积存若干幅静止图象进而酿成三番五次的卡通片,使之造成当下帮助2D动画为数非常的少的格式之豆蔻梢头(称为GIF89a),而在GIF89a图像中可内定透明区域,使图像具有非同小可的显示效果,那更使GIF风光十足。近些日子Internet上海大学方行使的彩色动画文件多为这种格式的文书,也称为GIF89a格式文件。

    六、PNG格式:

    PNG(Portable Network Graphics)是大器晚成种新兴的互连网图像格式。PNG是前段时间确定保障最不走样的格式,它摄取了GIF和JPG二者的优点。与JPG格式类似,网页中有的是图形都以这种格式,压缩比压倒GIF,补助图像透明,能够利用AIpha通道调治图像的光滑度,是网页三徘徊花之一Fireworks的源文件。

    压缩PNG

    因为PNG中的压缩算法是无害的,你能够采取性地回落它的颜色,进而通过外界工具减小图片尺寸。 Pngquant正是一个很好的工具,它能够在保险折射率不改变的情况下同反常候削减文件大小。请留意,那日新月异进度会创设贰个8位文件,即该文件最多能够有256种颜色。恐怕看起来非常少,可是用那样多颜色能够赢得很好的效劳。

    新葡亰496net 7

    左边的24位图像 (149 KB) 和右边8位,256色图像 (54 KB) — 缩小了63.7%

    对于大多数PNG使用情状(线图,图形,Logo),256色是十足的。由此,可以通过削减调色板中的颜色数量来更是削减文件大小。 使用GUI工具是个不错的选项,如Pngyu 或 ImageAlpha新葡亰496net,,这个工具允许你预览生成的文书。 上边的例证突显了什么在不会分明影响品质的前提下,将调色板缩短到32种颜色。在看似的例证中,图像很难被自动化地减小——因为急需不断预览和测量检验来达成最好效应——同临时间接选举取起码的颜色和发生最小的文件尺寸。就好像JPEG一样,也会有用于压缩PNG的在线工具,如:TinyPNG.

    新葡亰496net 8

    在此个示例中,LOGO从原有的二十二位PNG(10 KB)降到8位,32色版本(2 KB,缩减80%),何况未有错过任何明显的内部情形。

    2.用途

    PNG对于线条图,LOGO,Logo和颜料少之又少的图像极其符合。颜色复杂的相片和图像使用PNG格式将扭转庞大的文书。PNG另二个亮点是支撑透明背景。对于需求透明背景协助的气象,即便是头眼昏花的图纸如故须求使用PNG,因为JPEG中不可能完成图片透明。

    3、导出格式比较

      另外,怀想到互连网传输中的实况,GIF图像格式还扩张了渐显形式,也等于说,在图像传输进度中,客商能够先看看图像的大意轮廓,然后趁机传输进程的接续而稳步看清图像中的细节部分,进而适应了顾客的"从迷茫到了解"的鉴赏心境。近日Internet上海南大学学方行使的彩色动画文件多为这种格式的公文。

    七、TIFF格式

    TIFF(Tag Image File Format)是Mac中常见接纳的图像格式。它的特点是图像格式复杂,存贮消息多,正因为它存款和储蓄的图像细微档期的顺序的消息丰盛多,图像的身分也足以抓实,故而极其由利于原稿的复制。包容性比较糟糕。前段时间在Mac和PC机上移植TIFF文件也十二分便捷诶,因而TIFF现在也是Computer上接纳最广大的图像格式之大器晚成。相当多地点将TIFF格式用于印制。

    那便是说,GIF怎样啊?

    图形交流格式(Graphics Interchange Format)也是风流倜傥种位图格式,况兼比本文中涉及的别的格式都冒出地更早。它于1988年由Steve Wilhite开创, 在PNG成立前都以最盛行的8位图像格式。GIF与PNG具备类似的特色,但有点劣点:

    • 仅支持256种颜色;
    • 旭日初升维隔行交错 — 图像会渐进展现,但远远不够平滑;
    • 与PNG相比较压缩品质差
    • 二进制光滑度 – 像素只好是100%透明或100%可知;
    • 有歧义的失声

    GIF因动画而著名并被大规模选用。可是,今后便是是动画也可以透过任何的形式造成,况且文件大小越来越小:举例使用SVG和Javascript,PNG系列帧或录制。所以,除非有丰硕杰出的缘故无法不选取GIF,不然本人更建议大家利用PNG或SVG。

    3.压缩

    因为PNG中的压缩算法是没有害的,你能够选用性地减小它的水彩,进而通过外界工具减小图片尺寸。

    压缩工具:

    • Pngquant
    • Pngyu
    • ImageAlpha
    • TinyPNG

    **    3.1 矢量图像格式与位图图像格式相比
    **

      但GIF有个小小的的短处,即不能积累当先256色的图像。纵然如此,这种格式仍在互连网上风行应用,这和GIF图像文件短小、下载速度快、可用大多具备同样大小的图像文件组成动画等优势是分不开的。

    八、SVG格式:

    SVG能够算是目前最火爆的图像文件格式了,它的土耳其共和国语全称为Scalable Vector Graphics(可缩放的矢量图片)。它是依照XML,由W3C联盟开展支付的。严苛来讲应该是如日方升种开放标准的矢量图形语言,可让你设计动人心魄的、高分辨率的Web图形页面。客户可以直接用代码来描写图像,能够用别样文字管理工科具张开SVG图像,通过改造一些代码来使图像具有互交成效,并能够随时插入到HTML中经过浏览器来见到。它提供了脚下互连网流行格式GIF和JPEG不能够具备了优势:能够轻便放大图形展现,但绝不会以就义图像品质为代价;字在SVG图像中保存可编写制定和可检索的情状;平均来讲,SVG文件比JPEG和GIF格式的文件要小相当多,由此下载也异常的快。能够信赖,SVG的费用将会为Web提供新的图像规范。

    SVG

    可伸缩矢量图形(Scalable Vector Graphics)与后边讲的栅格格式分裂,顾名思义,它是矢量格式。那象征它不会依赖像素存款和储蓄数据,而是经过记录坐标的款式积存图形消息。SVG使用基于XML的语义化标签结构,那有一点点像HTML。由于是DOM结构,你能够透过ID获取SVG成分,并垄断(monopoly)它们。这带来了多数恐怕,比如利用JavaScript和CSS 修改并对成分实行动画操作依旧创建响应式图形。

    请看那些例子:#1 – 咖啡机 – CSS3制作SVG动画 ,笔者Jonathan·Silva(Jonathan Silva)(@jonathansilva) 发表于 CodePen。

    就像是此外矢量格式,SVG图片能不放任任何细节地松手到别的大小。打个比方,同二个Logo,能够以各类尺码使用,而且在另外显示屏分辨率(举例Retina显示器)中都将看起来很明显,而没有要求存成八个文件。

    新葡亰496net 9

    矢量图片 (右) 能够在维持图片质量的前提下任意放大

    三、GIF

    图表调换格式(Graphics Interchange Format)也是意气风发种位图格式。GIF与PNG具备类似的特征,但有本人的有的短处:

    • 仅支持256种颜色;
    • 豆蔻梢头维隔行交错 — 图像会渐进呈现,但非常不够平滑;
    • 与PNG相比压缩质量差;
    • 二进制光滑度 - 像素只好是100%晶莹剔透或100%凸现;
    • 有歧义的失声

    GIF因动画而著名并被广泛使用。不过,今后即使是卡通片也得以因而其余的格局完毕,况且文件大小更加小。比方利用SVG和Javascript,PNG类别帧或录像也得以越来越好的落到实处动画。所以,除非有不行特别的原故无法不选取GIF,不然提议大家利用大众化的PNG或SVG。

                    新葡亰496net 10

      三、JPEG格式

    九、SWF格式:

    行使Flash大家得以制作出大器晚成种后缀名称叫SWF(Shockwave Format)的动画,这种格式的卡通片图像能够用比较小的体积来展现加上的多媒体情势。在图像的传导方面,不必等到文件全部下载技术见到,而是能够边下载边看,由此特意相符网络传输,特别是在传输速率糟糕的图景下,也能赢得较好的效果与利益。事实也注脚了那或多或少,SWF方今已被大量行使于WEB网页举办多媒体演示与交互性设计。另外,SWF动画是其于矢量技艺营造的,由此无论是将画面放好多少倍,画面不会因而而有任何有剧毒。综上,SWF格式小说以其高清晰度的画质和小巧的体量,受到了一发多网页设计者的重视,也更为成为网页动画和网页图片设计制作的主流,近些日子已改为互连网动画的事实规范。

    注:

    1.网页三徘徊花:由Dreamweaver,Fireworks,Flash多少个软件组成,俗称网页三剑客

    2.透明图像在网页里的职能:透明图像在制作网页图像的时候很有用,大家得以把图像背景设为透明,用网页本身的颜色音信来代表设为透明的色彩,那样可让图像和网页背景很和睦地融入在后生可畏道。

    SVG的用途

    SVG在线条艺术,LOGO,Logo,插画和数目可视化方面用途普遍。但它不适用于写实图像和有非常多细节的目眩神摇图片。在一些景色下,SVG和PNG都能很好地到达同贰个目标。对于线条艺术,SVG平常能生成相当的小的文书。但是那不是必定的,实际情状会基于矢量图像毕竟有多少个锚点,它竟然也许会扭转比PNG更加大的文件。 SVG真正优质的地点是数据可视化。由于能够应用JavaScript来支配和创办矢量动画,诸如D3等等的库提供了不过的大概.

    新葡亰496net 11

    LOGO, Logo和数据可视化是SVG使用的完美范例。

    四、SVG

    可伸缩矢量图形(Scalable Vector Graphics)矢量格式。那意味它不会依据像素存款和储蓄数据,而是通过记录坐标的款型储存图形消息。SVG使用听别人讲XML的语义化标签结构,那有一些像HTML。由于是DOM结构,你可以透过ID获取SVG成分,并调整它们。

    SVG图片能不舍弃任何细节地推广到任何大小。打个比如,同二个Logo,能够以三种尺码使用,並且在任何显示屏分辨率(比如Retina显示器)中都将看起来很鲜明,而无需存成四个文件。

    **    3.2 地图导出格式比较
    **

      JPEG也是大范围的后生可畏种图像格式,它由共同照片行家组(Joint Photographic Experts Group)开辟并以命名称为"ISO 10918-1",JPEG仅仅是龙腾虎跃种俗称而已。JPEG文件的扩大名称叫.jpg或.jpeg,其缩减本领特别先进,它用有损压缩方式去除冗余的图像和彩色数据,获获得非常高的压缩率的还要能显现十三分丰盛生动的图像,换句话说,就是可以用起码的磁盘空间获得较好的图像质量。

    压缩SVG

    大好些个动静下,使用如SVGz(GZipped SVG)等工具来收缩在Web网页中利用的SVG文件是不须要的。你能够(而且应该)在服务器上展开Gzip 来兑现减少成效,尽管也许效果寥寥。比较好的主意应该是透过免去SVG矢量图形中不供给的锚点、成分和总体性来压缩文件大小。锚点绘制了矢量图像,因而,你必要保障已移除的锚点不会耳熏目染矢量图形的末梢形象。假诺您使用Adobe Illustrator编辑SVG,请保管使用导出>导出为…并非文本>另存为…进行封存,因为如此才干生成三个最小化的文件,当然它还会有其余优点。在Sketch里, 注意不要使用不供给的文本夹,因为它们也会作为额外的价签保存到SVG中。 新葡亰496net 12

    清理不须求的节点是减掉SVG尺寸的风度翩翩种路子。

    要素标签是包蕴在SVG文件内的富有剧情,包蕴开始和停止标签。矢量编辑软件,如Adobe Illustrator和Sketch恐怕会到处含有非须求成分和质量的SVG。SVG压缩器可用以删除这种多余的音信。Compressor和SVGOMG等在线工具得以成功此干活。要是你是开荒职员,何况不习贯清理和压缩SVG,能够用自动试行工具SVGO,如果您是设计员,能够与该品种的开拓人士谈谈SVG的优化,通过使用自动化的主意来防止你手动实现优化。

    在底下的例子里,这几个从Sketch里导出的Logo有1364B大小。同三个Logo在清理和减弱后,就只剩460B — 缩短了66%。

    请在 CodePen上看那个例子:来自Sketch的SVG 小编Bruno·Muller(BrunoMüller)(@brunomuler) 。

    优化前:

    XHTML

    <?xml version="1.0" encoding="UTF-8"?> <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="" xmlns:xlink="; <!-- Generator: Sketch 42 (36781) - --> <title>ic_shopping_cart_black_24px</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard" transform="translate(-51.000000, -61.000000)"> <g id="ic_shopping_cart_black_24px" transform="translate(50.000000, 59.000000)"> <g id="Group"> <path d="M7,18 C5.9,18 5.01,18.9 5.01,20 C5.01,21.1 5.9,22 7,22 C8.1,22 9,21.1 9,20 C9,18.9 8.1,18 7,18 Z M1,2 L1,4 L3,4 L6.6,11.59 L5.25,14.04 C5.09,14.32 5,14.65 5,15 C5,16.1 5.9,17 7,17 L19,17 L19,15 L7.42,15 C7.28,15 7.17,14.89 7.17,14.75 L7.2,14.63 L8.1,13 L15.55,13 C16.3,13 16.96,12.59 17.3,11.97 L20.88,5.48 C20.96,5.34 21,5.17 21,5 C21,4.45 20.55,4 20,4 L5.21,4 L4.27,2 L1,2 Z M17,18 C15.9,18 15.01,18.9 15.01,20 C15.01,21.1 15.9,22 17,22 C18.1,22 19,21.1 19,20 C19,18.9 18.1,18 17,18 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path> <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon> </g> </g> </g> </g> </svg>

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <?xml version="1.0" encoding="UTF-8"?>
        <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
            <title>ic_shopping_cart_black_24px</title>
            <desc>Created with Sketch.</desc>
            <defs></defs>
            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g id="Artboard" transform="translate(-51.000000, -61.000000)">
                    <g id="ic_shopping_cart_black_24px" transform="translate(50.000000, 59.000000)">
                        <g id="Group">
                            <path d="M7,18 C5.9,18 5.01,18.9 5.01,20 C5.01,21.1 5.9,22 7,22 C8.1,22 9,21.1 9,20 C9,18.9 8.1,18 7,18 Z M1,2 L1,4 L3,4 L6.6,11.59 L5.25,14.04 C5.09,14.32 5,14.65 5,15 C5,16.1 5.9,17 7,17 L19,17 L19,15 L7.42,15 C7.28,15 7.17,14.89 7.17,14.75 L7.2,14.63 L8.1,13 L15.55,13 C16.3,13 16.96,12.59 17.3,11.97 L20.88,5.48 C20.96,5.34 21,5.17 21,5 C21,4.45 20.55,4 20,4 L5.21,4 L4.27,2 L1,2 Z M17,18 C15.9,18 15.01,18.9 15.01,20 C15.01,21.1 15.9,22 17,22 C18.1,22 19,21.1 19,20 C19,18.9 18.1,18 17,18 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
                            <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                        </g>
                    </g>
                </g>
            </g>
        </svg>

    优化后的SVG:

    XHTML

    <svg height="24" viewBox="0 0 24 24" width="24" xmlns=" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

    1
    <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

    1.用途

    SVG在线条艺术,LOGO,Logo,插画和数码可视化地点用途广泛。但它不适用于写实图像和有那贰个细节的繁杂图片。在有个别场地下,SVG和PNG都能很好地完毕同三个目标。对于线条艺术,SVG日常能生成异常的小的文本。

    唯独那不是一定的,实况会依赖矢量图像毕竟有微微个锚点,它依然或然会转换比PNG更加大的文本。 SVG真正美丽的地点是数量可视化。由于能够选用JavaScript来调整和开创矢量动画,诸如D3之类的库提供了最棒的或者性.

                   文件格式比较

      同一时间JPEG依然大器晚成种很灵活的格式,具备调治图像品质的功能,允许你用不相同的缩减比例对这种文件降低,比如大家最高能够把1.37MB的BMP位图像和文字件压缩至20.3KB。当然大家全然能够在图像质量和文件尺寸之间找到平衡点。

    文末思索

    仿佛其余其余技艺同样,图像格式也在不停开采进取。作为网页设计员和开垦职员,大家的首要怀想的是浏览器宽容性。数年前,在IE6为主流浏览器的一代,PNG还不能应用透明通道。在不久的今日,大概咱们会动用新的格式,如 Google’s WebP 大概别的仍未被创制出来的图片格式。

    打听怎么运用和优化各样图片格式将保证更加好的顾客体验。因为客商将能够更早地预览和收受内容,同期削减带宽的采取。它还为设计人员提供了绘图创立动画和响应式页面包车型大巴新机遇。

    笔者希望那篇小说有帮助消除部分互连网上关于图像格式的不菲不显然难题。假若您还会有其余难点或建议,请在尘间发表切磋或与自己关系。其他,若是感到本文对你有扶助,不要忘了分享。

    1 赞 3 收藏 1 评论

    新葡亰496net 13

    2. 压缩

    至于SVG的削减,比较好的章程应该是透过消除SVG矢量图形中不供给的锚点、成分和性质来压缩文件大小。锚点绘制了矢量图像,由此,你须要确认保证已移除的锚点不会影响矢量图形的最终形象。

    要素标签是包涵在SVG文件内的享有内容,蕴含开头和得了标签。矢量编辑软件,如Adobe IllustratorSketch莫不会随地含有非须要成分和总体性的SVG。SVG压缩器可用于删除这种多余的新闻。

    新葡亰496net:图形文件格式大全,常用的几种图片格式。压缩工具:

    • Compressor
    • SVGOMG
    • SVGO

                    新葡亰496net 14
                    显示天性比较

      由于JPEG优越的人格和杰出的展现,它的使用也十分广阔,非常是在网络和光盘读物上,显明都能找到它的阴影。这两天各样浏览器均扶持JPEG这种图像格式,因为JPEG格式的文件尺寸异常的小,下载速度快,使得Web页有希望以很短的下载时间提供多量美丽的图像,JPEG同期也就金科玉律地改成网络上最受迎接的图像格式。

    五、WebP

    WebP(发音 weppy),是一种支撑有损压缩和无损压缩的图纸文件格式,派生自图像编码格式 VP8

                    新葡亰496net 15
                    地理特色相比较

      四、JPEG2000格式

    1.WebP的优势

    • PNG 转 WebP 的压缩率要压倒 PNG 原图压缩率,一样帮忙有损与无损压缩
    • 改换后的 WebP 体积小幅缩短,图片质量也获取保险(同偶尔间眼睛差不离不恐怕看见分裂)
    • 退换后的 WebP 扶植 Alpha 透明和 24-bit 颜色数,不设有 PNG8 色彩非常不足足够和在浏览器中或然相会世毛边的主题素材

    WebP 的优势浮现在它持有更优的图像数据压缩算法,能推动越来越小的图形容量,并且全体肉眼分辨无分化的图像质量;同不常候负有了无损和有损的压缩情势、Alpha 透明甚至动画的风味,在 JPEG 和 PNG 上的中间转播功用都拾壹分轮理货公司想、稳固和合併。

                    新葡亰496net 16
                    通用性相比较

      JPEG 两千均等是由JPEG 协会肩负制订的,它有二个正式名为做"ISO 15444",与JPEG相比较,它兼具越来越高压缩率以至越多新功能的新一代静态印象压缩本领。

    2.兼容性 & 可用性

    依照对当前国内浏览器占比与 WebP 的宽容性深入分析,差十分少有 50% 以上的本国客户能够一贯感受到 WebP,即使您的网址以图纸为主,大概你的产品基于 Chromium 内核,建议体验尝试。如若你筹划在 App 中动用 WebP,除了 Android4.0 以上提供的原生援助外,其余版本以致 iOS 都得以间接接受官方提供的解析库。

    WebP 除了在解码时间与 PNG 有较显眼差距(飞秒等第)之外,总体(流畅程度、CPU使用,内部存款和储蓄器占用)运用体验和 PNG 基本一点差别也没有。相同的时间也要求分明,移动设备的进化相当慢,硬件进级快,上一季度的表现大概在当年又有了显著的晋升。所以,在 App 中应用 WebP 基本未有技巧阻碍。

                    新葡亰496net 17
        3.3 导出格式应用参谋

      JPEG三千作为JPEG的升官版,其压缩率比JPEG高约百分之二十左右。与JPEG分裂的是,JPEG三千同期援救有损和无损压缩,而 JPEG 只好帮忙有损压缩。无损压缩对保留一些重要图纸是十二分灵光的。JPEG三千的一个特别主要的本性在于它能兑现渐进传输,那或多或少与GIF的"渐显"有不谋而合之妙,即先传输图像的大致,然后逐步传输数据,不断抓牢图像品质,让图象由模糊到清晰彰显,而不倘使像现在的 JPEG 同样,由上到下逐渐展现。

    3.Animated WebP

    Animated WebP的优势:

    • 帮助有损和无损压缩,况兼可以统黄金时代有损和无害图片帧
    • 容积更加小,GIF 转成有损 Animated WebP 后得以减小 64% 的容量,转成无损能够省去 19% 的体量
    • 颜色更增加,帮衬 24-bit 的 LX570GB 颜色以致 8-bit 的 Alpha 透明通道(而 GIF 只扶持 8-bit 宝马7系GB 颜色以致 1-bit 的透明)
    • 增添了关键帧、metadata 等数据

    Animated WebP存在的标题:

    • 消耗非常多的 CPU 和平消除码时间(多 1.5~2.2 倍)
    • 和 GIF 相比较起来协助度还相当不够,近日仍敬谢不敏通用
    • 为了支持 Animated WebP,Chrome 的新内核 Blink 增多了近 1500 行的代码

                    新葡亰496net 18

      别的,JPEG三千还辅助所谓的"感兴趣区域"天性,你能够私自钦赐影象上你感兴趣区域的降低质量,还足以选取钦点的部份先解压缩。 JPEG 2000 和 JPEG 相比较优势显明,且向下宽容,由此替代守旧的JPEG格式指日可待。

    总结

    依据以上种种图片格式的利弊相比较,大家得以依赖使用场景,选取切合大家的图片格式。对于从互联网加载的图片,无论是PC,依旧移动端,建议选拔Webp格式。

     

      JPEG两千可采纳于守旧的JPEG市镇,如扫描仪、单反相机等,亦可应用于新兴领域,如网路传输、有线通信等等。

    引用

    在网页上接受JPG、PNG和SVG:新手指南 | Cheesecake Labs

    WebP索求之路

            稳重领会之后,对于本文初步的十一分题目就简单回答了,举个例子能够使用TIFF或EPS,但日常的话矢量图更符合直接打字与印刷或输出。

      五、TIFF格式

    转摘:

      TIFF(Tag Image File Format)是Mac青海中国广播公司泛使用的图像格式,它由Aldus和微软协同开垦,最早是出于跨平台积存扫描图像的内需而设计的。它的特点是图像格式复杂、存贮音讯多。正因为它存款和储蓄的图像细微档案的次序的新闻非常多,图像的成色也足以提升,故而特别平价原稿的复制。

      该格式有压缩和非减弱三种样式,个中压缩可采纳LZW无损压缩方案存款和储蓄。不过,由于TIFF格式结构相比较复杂,包容性很差,由此有时你的软件或者不可能科学识别TIFF文件(今后多方软件都已经化解了这几个主题材料)。近些日子在Mac和PC机上移植TIFF文件也拾分轻易,因此TIFF将来也是计算机上运用最广泛的图像文件格式之大器晚成。 六、PSD格式

      那是享誉的Adobe集团的图像管理软件Photoshop的专项使用格式Photoshop Document(PSD)。PSD其实是Photoshop进行平面设计的一张"草稿图",它此中包蕴有各类图层、通道、遮罩等三种统一谋算的样稿,以便于下一次张开文件时得以修改上三次的设计。在Photoshop所支撑的种种图像格式中,PSD的存取速度比任何格式快比较多,成效也很强盛。由于Photoshop更加的被广大地行使,所以大家有理由相信,这种格式也会逐年流行起来。

      七、PNG格式

      PNG(Portable Network Graphics)是大器晚成种新兴的网络图像格式。在1994年终,由于Unysis企业发布GIF具有专利的缩减方法,供给开垦GIF软件的小编须缴交一定开销,由此促使无需付费的png图像格式的诞生。PNG生机勃勃开始便结合GIF及JPG两家之长,希图一举替代那三种格式。一九九六年一月1日由PNG向国际网络联盟提议并获得推荐认同标准,何况大多数制图软件和浏览器发轫帮助PNG图像浏览,从此PNG图像格式生机焕发。

      PNG是最近保障最不走样的格式,它吸取了GIF和JPG二者的亮点,存贮方式丰盛,兼有GIF和JPG的情调方式;它的另一个表征能把图像文件压缩到巅峰以利于网络传输,但又能保存全部与图像品质有关的音信,因为PNG是应用无损压缩情势来压缩文件的深浅,那点与捐躯图像质量以换取高压缩率的JPG有所差异;它的第六性子状是显得速度急迅,只需下载1/64的图像音信就足以显得出低分辨率的预览图像;第四,PNG同样扶助透明图像的造作,透明图像在炮制网页图像的时候很有用,大家得以把图象背景设为透明,用网页本人的水彩信息来代替设为透明的色彩,那样可让图像和网页背景很和睦地融入在联合。

      PNG的劣点是不辅助动画应用效率,假诺在这里方面能享有巩固,几乎就足以完全代表GIF和JPEG了。Macromedia集团的Fireworks软件的暗中认可格式正是PNG。今后,越来越多的软件最早协助那黄金时代格式,而且在网络上也越来甘休流行。

      八、SWF格式

      利用Flash大家得以构建出如日中天种后缀名叫SWF(Shockwave Format)的动画片,这种格式的卡通图像能够用十分的小的体量来显现加上的多媒体方式。在图像的传导方面,不必等到文件全部下载本事来看,而是可以边下载边看,由此专门相符互连网传输,非常是在传输速率倒霉的图景下,也能获得较好的作用。事实也注解了那点,SWF近日已被大量施用于WEB网页实行多媒体演示与交互性设计。另外,SWF动画是其于矢量本事构建的,由此无论将画面放多数少倍,画面不会由此而有任何加害。综上,SWF格式小说以其高清晰度的画质和Mini的体量,受到了更为多网页设计者的注重,也尤为成为网页动画和网页图片设计制作的主流,近年来已形成网络动画的事实规范。

      九、SVG格式

      SVG能够算是近日最最火爆的图像文件格式了,它的泰语全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是依照XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟开展付出的。严酷来讲应该是后生可畏种开放标准的矢量图形语言,可让你布署激动人心的、高分辨率的Web图形页面。客户能够一贯用代码来形容图像,可以用别的文字管理工科具展开SVG图像,通过改变部分代码来使图像具备互交成效,并得以每日插入到HTML中通过浏览器来探问。

      它提供了前段时间网络流行格式GIF和JPEG无法同时兼备了优势:可以轻易放大图形彰显,但绝不会以投身图像品质为代价;字在SVG图像中保留可编写制定和可守株待兔的景色;平均来说,SVG文件比JPEG和GIF格式的公文要小非常多,由此下载也比很快。能够信赖,SVG的支付将会为Web提供新的图像规范。

      此外非主流图像格式:

      1、PCX格式

      PCX格式是ZSOFT集团在付出图像管理软件Paintbrush时开采的如日方升种格式,那是意气风发种经过压缩的格式,占用磁盘空间少之又少。由于该格式出现的时日较长,况且有所减弱及全彩色的力量,所以未来仍相比较流行。

      2、DXF格式

      DXF(Autodesk Drawing Exchange Format)是AutoCAD中的矢量文件格式,它以ASCII码方式存款和储蓄文件,在表现图形的分寸方面非常正确。大多软件都扶植DXF格式的输入与出口。

      3、WMF格式

      WMF(Windows Metafile Format)是Windows中遍布的风度翩翩种图元文件格式,属于矢量文件格式。它兼具文件短小、图案造型化的特征,整个图形常由逐意气风发独立的组成都部队分拼接而成,其图形往往一点也不细糙。

      4、EMF格式

      EMF(Enhanced Metafile)是微软公司为了弥补使用WMF的不足而开辟的旭日东升种Windows 叁十几位扩充图元文件格式,也属于矢量文件格式,其指标是欲使图元文件进一步轻巧选取

      5、LIC(FLI/FLC)格式

      Flic格式由Autodesk公司研制而成,FLIC是FLC和FLI的统称:FLI是最早的依靠320×200分辨率的动画文件格式,而FLC则利用了更急迅的数据压缩本领,所以具备比FLI更加高的压缩比,其分辨率也是有了不知凡几抓牢。

      6、EPS格式

      EPS(Encapsulated PostScript)是PC机顾客少之甚少见的黄金时代种格式,而苹果Mac机的客商则用得比较多。它是用PostScript语言描述的豆蔻梢头种ASCII码文件格式,首要用以排版、打字与印刷等输出职业。

      7、TGA格式

      TGA(Tagged Graphics)文件是由美利坚联邦合众国Truevision集团为其显示卡开垦的黄金年代种图像文件格式,已被国际上的图样、图像工业经济探究所负责。TGA的组织比较简单,属于黄金年代种图形、图像数据的通用格式,在多媒体领域具备非常大影响,是计算机生成图像向电视机转变的黄金时代种主要推荐格式。

    本文由新葡亰496net发布于新葡亰官网,转载请注明出处:新葡亰496net:图形文件格式大全,常用的几种图

    关键词: