PS之图形图像基础

1、位图和矢量图

位图：

优点：有利于显示色彩丰富的写实图像

缺点：文件较大，放大或缩小图像会失真

矢量图：

优点：文件相对娇小，放大或缩小不会失真

缺点：很难表现自然度高的写实图像

2、常见的图片格式

位图：

JPG：有损压缩，常用语展示

1、适合显示颜色很多，构成很复杂的图像

2、图像大小可控

3、压缩会使图片质量下降，每次编辑每次下降

PNG：无损压缩，支持全/半透明，UI设计常用格式

1、无损压缩

2、图案颜色层次丰富

3、保存简单的图像，将其应用于UI设计中

TIF：支持图层，支持全透明，文件很大，常用于印刷

GIF：支持全透明，动图，应用与简单的动画

BMP：高质量图片，不采用压缩，图像资料不会丢失

矢量图：

AI：Adobe IIIustrator文件保存格式

CDR：CorelDraw文件保存格式

3、PNG8和PNG24

PNG8：

1、8：2^8=256（有256中颜色）

2、一位布尔（true/false）透明：全透明或全不透明

PNG24：

1、24：2^24=16777216(有1600w+种颜色)

2、两位布尔（true/false）透明：256个层级的透明

4、像素

中文全称图像元素，英文名次pixel，简写px

屏幕中的最小的（纯色）的点，作为基本单位来记录图像

像素的大小是会“变”的，是“相对单位”

5、分辨率：代表图像的精密度，实际上是指像素的排列密度，分为：图像分辨率，设备分辨率，屏幕分辨率

图像分辨率：是指在单位长度里面有多少个像素

设备分辨率：指的是这个设备具有多大的成像能力

屏幕分辨率：准确的说是每英寸的长度上排列的像素点数量，1英寸是一个固定 的长度，等于2.54厘米，像素密度越高，代表屏幕显示效果越精细

6、像素和分辨率的关系

像素（大小）= 分辨率*英寸

保证可视画面尺寸不变，分辨率降低，像素点就越大，图片质量降低。分辨率越高，像素点越小，图片越清晰

7、WEB常用尺寸

UI设计分辨率：72dpi

分辨率=屏幕X轴上的像素值x屏幕Y轴上的像素值

目前普遍最小的电脑显示器分辨率：1024x768px

内容宽度<=1024，常用1000px，980px，960px，940px……