常见的10种图片格式(文件后缀)和使用场景(方便选择不同的后缀)

所属分类: 平面设计 / 平面其它 阅读数: 1916
收藏 0 赞 0 分享

Common image file formats and when to use them - design, chosen - 常见的10种图片格式(文件后缀)和使用场景

使用哪种图片格式是个老生常谈的问题,本站也多次写过关于图片格式的文章。但之前我们都是在几种图片格式之间对比。

在这篇文章中,我们将列出10种最常见的图片文件格式,并介绍它的主要用途和优缺点。通过阅读这篇文章,你将能了解在特定情况下,应选择哪种图片格式。

像素图和矢量图

Raster vs vector images - design, chosen - 常见的10种图片格式(文件后缀)和使用场景

首先必须注意,图片分为像素图和矢量图两类,这两类图片有本质区别。

像素图:也叫位图,是使用像素点阵列拼合的图像。通过捕捉得到的图像(如拍摄、截图)都是像素图。像素图在放大到一定程度后会出现模糊。常见的像素图格式包括:JPEG、PSD、PNG、TIFF。

矢量图:是使用点线面构成的图像。矢量图往往是使用矢量软件绘制得到的。点线面都是数学化的,因此放大后不会模糊。常见的矢量图格式包括:AI、EPS、SVG。

如果希望再知道地详细一些,可以参考这篇文章: 

10种常见的图片文件格式

01 JPEG

  • 用途:相机拍摄照片,网络图片等。经常被用作图片处理的最终输出格式。
  • 优势:用途广泛,受到几乎所有平台和系统的支持。支持应用不同级别的压缩。压缩后的文件尺寸较小,适合携带和发送。
  • 劣势:有损压缩,会随着重新存储次数增多而降低质量。不支持图层。不支持透明度。

JPEG - design, chosen - 常见的10种图片格式(文件后缀)和使用场景

JPEG是最常见的图片格式,使用非常广泛。几乎所有的数码相机和网络环境都支持JPEG。JPEG能使用有损压缩的方式,去除图片中不需要的像素并减少图片尺寸。

JPEG和JPG是相同的格式,在早期版本的Windows中不支持三位以上的拓展名,因此有了JPG。JPEG 2000是升级后的格式,但非常少用。

02 TIFF

  • 用途:高品质图像,常被平面设计师用于出版印刷。也可以用于编辑和存储图像。
  • 优势:无损压缩。支持多页面和多图层。软件基本支持。支持透明度。
  • 劣势:图片尺寸很大,大于JPEG甚至大于RAW文件。只有专业软件支持多页面功能。

TIFF是无损图像格式,默认设置下在压缩时不会损失信息,但也支持开启有损压缩设置。它支持存储带有图层、透明度等内容的高品质图像,因此尺寸较大。

03 PNG

  • 用途:在网络上最常用,对显示器有优化(相对于印刷来说)。
  • 优势:支持比GIF更多的颜色。无损压缩。支持透明度。
  • 劣势:尺寸通常比JPEG大,而且仅支持RGB色彩空间。

PNG - design, chosen - 常见的10种图片格式(文件后缀)和使用场景

PNG原本是被设计用于替代GIF的。PNG是无损压缩格式,因此适合存储照片和文本。

04 GIF

  • 用途:网络图片,尤其是动图。
  • 优势:加载迅速,支持动画,无损压缩,尺寸较小,支持透明度。
  • 劣势:最大仅支持256色,不支持CMYK。

GIF是早期互联网的产物,能被压缩到非常小的尺寸。静态GIF图片已经基本被JPEG取代了。

05 PSD

  • 用途:用于Photoshop的相关项目,用于印刷和照片编辑。如今很多打印机开始支持PSD。
  • 优势:支持透明度。能保存Photoshop的编辑结果。可以组合使用像素图和矢量图。
  • 劣势:不能用于网络图片,并且尺寸容易变得很大。

PSD - design, chosen - 常见的10种图片格式(文件后缀)和使用场景

PSD是Photoshop的专用格式,这意味着它能最大程度地保存Photoshop编辑的内容。

06 RAW

  • 用途:专业摄影,尤其在照片需要后期编辑的时候。
  • 优势:可以尽可能保留照片信息,适用于后期编辑。
  • 劣势:尺寸非常大,很容易填满存储卡。并不被所有照片编辑器支持,大多打印机不支持。

RAW格式是现代相机使用的存储格式,相机捕捉的数据不会被压缩也不会被处理,让信息最大程度地保留下来。不同的相机品牌支持的RAW格式不同,后缀可能是CR2、NEF、DNG等。

07 EPS

  • 用途:用于保存矢量图,如插画、Logo和图标。
  • 优势:支持任何尺寸的图像。有大量软件支持查看。可以轻松地被转换为像素图。
  • 劣势:用于编辑的软件有限,打印机支持性交叉。有些EPS文件内部是像素图,只是被伪装成了矢量图。

EPS是矢量图通用文件,大多数矢量编辑软件都支持EPS。EPS格式文件也可以包含像素图。

08 SVG

  • 用途:用于网络矢量图,以及导入3D软件。
  • 优势:支持矢量内容,也支持文本和像素图,可以添加动画(通过外部代码交互)。放大缩小不会模糊。尺寸较小。可直接作为代码放在HTML里。可以被搜索引擎检索。
  • 劣势:支持的颜色深度有限。不适合用作印刷。

SVG - design, chosen - 常见的10种图片格式(文件后缀)和使用场景

SVG基于XML格式,适合将矢量图用于网络发布。同时,SVG也非常适合用于导出2D路径到3D软件中。

09 PDF

  • 用途:存储文档,用于打印。
  • 优势:可以同时存储像素图、矢量图和文本。很多软件可以输出PDF,支持多页。
  • 劣势:限制用于Windows和Mac OS,很难编辑。

PDF格式是封装文档用于印刷的通用标准之一。

10 BMP

  • 用途:基本已经过时。
  • 优势:无压缩,大多数系统都支持。
  • 劣势:相对来说文件尺寸大,不支持CMYK。

BMP是古老的像素图格式,由微软开发。如今它已经很少使用。

脚本之家补充: 

大家在保存图片扩展名的时候,如何选择 后缀 .jpg .gif .png
对于颜色比较多的 例如游戏图片等 用jpg会比较小,但对于颜色较少的情况选择png会比较小,.gif一般用于动画。

更多精彩内容其他人还在看

年后求职必备!UI设计新人常见的7个简历制作要点

当你的简历写完以后,是不是能够在十秒钟内看完所有你认为重要的内容呢?就业专家认为,一般情况下,简历的长度以A4纸1页为限,简历越长,被认真阅读的可能性越小,下面小编就为大家介绍UI设计新人常见的7个简历制作要点,来看看吧
收藏 0 赞 0 分享

如何运用基础的色彩三要素?

说到色彩,优设一直在跟上潮流,比如2017年的潘通流行色,刚发布不久,优设就有了相关的介绍和运用方法,今天我教你如何运用基础的色彩三要素,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

真正的新用户引导应该怎么设计呢?

新用户引导(Onboarding)这个词本是人力资源领域的术语,不过现在已经被UI/UX领域借用过来,指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程,今天的文章,我们来聊聊新用户引导的设计
收藏 0 赞 0 分享

学习方法和思维方式解析如何快速提升设计

做设计这个行业拥有天赋的人很少,大多都是通过有效的学习手段进行提升,盲目学习是不行的,这里就是要提到一个人是否有正确的学习方法了,有的人进步很快,有些人很慢。这里我分享一些自己的学习方法和经验,希望对你们有用
收藏 0 赞 0 分享

设计师容易忽视或处理不好的七大设计细节

我在刚刚做设计的头三年经常会犯各种各样的错误,有些错误现在稍不注意还是有可能会犯。下面小编就为大家介绍设计师容易忽视或处理不好的七大设计细节,来看看吧
收藏 0 赞 0 分享

平面设计师在面试期间的技巧全揭秘

对于设计师而言,作品就是最好的嘴巴!它会在你面试的时候去帮你诉说你的想法你的设计思路,还有你的设计风格!下面小编就为大家揭秘平面设计师在面试期间的技巧,一起来看看吧
收藏 0 赞 0 分享

如何设计一款字体标志?字体标识制作一些经验和见解

在标志设计中文字与图形元素总是紧密配合,只有恰当的字体与图形搭配时才能发挥最大的视觉效果。那么如何设计一款字体标志?下面小编就为大家分享字体标识制作过程中的一些经验和见解,来看看吧
收藏 0 赞 0 分享

3分钟出成品 零基础字体设计过程解析

今天小编为大家分享一个很不错的教程,只需3分钟即可出成品,即使是零基础,也能学会。推荐到脚本之家,有需要的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

实用:易拉宝设计的流程和思路

今天为大家分享易拉宝设计流程,教程真的很实用,介绍地很详细,非常值得大家学习,推荐到脚本之家,感兴趣的朋友可以参考本文,希望能从文中得到一些启发
收藏 0 赞 0 分享

字体性格:字型通过哪些变化影响到人的视觉感官

这篇教程是向脚本之家的朋友分享字型通过哪些变化影响到人的视觉感官教程,教程很实用,主要是向大家介绍字型基本气质,来看看吧
收藏 0 赞 0 分享
查看更多