PS中的图像知识

图像处理对于前端工作来说是一个不能回避的问题，ps技术也是我们必备的技能。用法可以在使用中不断的熟练，但针对前端技术本身的一些知识点，需要我们平时不断的积累才能够在使用中不出现问题。

如今的办公，已经离不开ps，作为一款图像处理软件，各行各业的人或多或少都会用到它。对于前端攻城狮而言，ps也是一个不可或缺的技术。今天小编想讲的ps，不聊它的用法，也不聊技巧。单说一些对于前端而言需要清楚的图像小知识。

1、单位

ps（Adobe Photoshop）给我们提供很多种单位计量，对于前端，我们常用到只是像素单位（px）而已，也是因为网页端主要以像素作为计量单位。但这并不意味着我们单知道像素就可以畅通无阻了。在设计图中，我们还会经常接触到“点”作为单位的对象，但这个在网页中并不适用，所以了解ps中的点与像素是非常有必要的。

2、颜色

我们会有很多种方式来表达我们需要的颜色，在这么多的方式当中，大家都会比较抵触英语单词这种颜色的表达形式。虽说程序猿会接触很多的英文相关，但对于能够避免的，都像是形成了一种默契似的。但有时一个简单的单词就是我们需要的颜色，反倒省去了一些功夫。花些时间积累一些颜色色系对应的英文单词也是极好的。

3、格式

说到图像格式，是在代码编写过程中很容易被忽视掉的一个问题。网页中选用合适的格式，也是前端的工作之一。这就要求我们对于常用的gif/jpg/png 图片格式有一个很熟识的认知。jpg能够以较小的容量存储，png背景透明，gif就是常见的动图格式，都有自己鲜明的特点。在一些情况下，我们需要在gif中抓取某一瞬间作为图片，在ps中GIF图像转换为多张JPG能够为我们省去诸多烦恼！

致谢

很感谢电脑前的你，将这篇文章从头读完，我们希望能够为大家建立一个HTML5技术分享平台，欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。