020-29815005
预约专线时间:09:00-23:59

图像有什么格式?

新闻来源:本站 日期:2021-07-20
图像在界面设计中是非常重要的一部分。我们可以将页面上的引导画面,Banner,各种控件和图标视为图片。现在手机上的图片主要有两种格式,一是PNG格式,二是JPG格式。两者都是位图格式。其它的图片格式很少用,这里就不多说了。
  1.JPG。

  JPEG为JointPhotograhicExpertsGroup(JPG)的缩写,JPG格式的图片扩展名为jpg。JPG最大的优势是它可以支持上百万种颜色,因此可以用于表现照片。

  JPG是我们常用的一种图像格式,采用有损压缩的图像信息处理。JPG在存储图像时,将图像分解为8×8个格子,然后压缩每个栅格上的数据,

  把一张图片放大后,会发现在8×8的栅格上,许多细节信息都会被移除,并且通过一些特殊算法来填充附近的颜色。那也是为什么我们在JPG中存储图像时会产生块模糊现象。

  因为JPG图片使用有损压缩算法,使得文件长度更小,下载时间更短。有损压缩会放弃图像中的一些细节来减少文件长度。但长期来看,随着无线带宽的增加和无线资源的减少,JPG也应该成为一种淘汰的图片格式,因为有损压缩会给图像带来不可挽回的损失。JPG格式的压缩图片通常不适合打印,当备份重要图片时最好不要用。JPG也不支持背景透明。

  2.PNG。

  PNG是PortableNetworkGraphics(可移植的网络平面)的缩写,其扩展名为png。PNG是一种无损压缩图像格式。非破坏性压缩在图像存储之前,首先要判断图像上的哪些地方是相同的,哪些地方是不同的,这就需要对图片上出现的所有颜色进行索引。

  我们称这些颜色为索引色。一个索引颜色就像是你绘制这张图片的“调色板”,而PNG则在显示图片时使用调色板上的这些颜色来填充相应的位置。

  图画中的颜色。

  3.PNG8和PNG24。

  对于PNG格式,必须提及PNG8和PNG24。PNG8只能索引256种(2的8次方)颜色,因此无法对颜色较多的图片进行真实还原;PNG24可以列举1600多万种(2的24次方)颜色,基本能够真实还原我们人类肉眼可以分别看到的所有颜色。

  PNG8支持1比特的全透明通道,所谓的全透明指完全透明或完全不透明。PNG24支持8位(256阶)的Alpha通道透明,也就是可以存储透明度,透明度从全透明到全不透明共256级,如图所示。


UI设计


  图像的用法

  1.使用PNG24。

  PNG是iOS系统和Android系统所选择的控制和图标的标准格式,是当前移动设计的主流图片格式。

  在应用程序中,各种自定义控制图标,以及在使用PNG24格式的页面中需要使用到半透明频道等等。设计者向开发者提供这些图片资源。开发者将这些图片资源和程序代码打包为应用包,图片也是应用包的一部分。

  2.使用JPG。

  在应用程序中看到的图片并不完全是应用程序包的一部分,一些图片可能是下载后从服务器插入应用程序中。因为网速和网络费用的问题,下载图片时需要考虑它的大小。就像各种电子商务应用中常见的Banner图一样,在这种情况下,需要对图片进行优化,此时推荐使用JPG格式。

  因为JPG的存储器质量压缩比很大,所以压缩率很高时,图片会有很多噪点,这样的图片观感比较差,所以服务器端口同时为同一图片准备多套图片供调用。比如淘宝客户端,客户端可以根据手机网络的不同情况,选择不同质量的图片,如果是无线网络连接,客户端会载入高压缩比的低精度图,如果是Wi-Fi连接,则在客户端载入高清晰的大图。