一，今天完成的事情

学会使用ps切图、保存图片、格式转换

作为前端，要把UI设计的图片，实现成HTML网页，在实现过程中，要用PS把需要的图标切出来。另外，在制作雪碧图的过程中也要用到PS切图。网页图片格式有两种格式：位图与矢量图。

位图又有三种格式：.jpg、.png、.gif

矢量图一般后缀是：.ai、.cdf、.fh、.swf

位图受分辨率影响放大会降低清晰度，矢量图则不受影响；

位图常用在网页中的照片，容量较大；矢量图常用语印刷行业、网页logo和矢量插图；

我这里转换的是png格式，png格式是网页实际专用格式；

关于PS的版本

1、 photoshop 7.0

2，photoshop cs1~cs2

3，photoshop cs3~cs5

4，photoshop cs6~cc

有一句话是设计行业的前沿，永远用最新版本，所以cs6~cc版本是目前最主流的版本软件，比较符合美工使用习惯。

二，明天计划的事情

先把思路理顺：怎么去布局，div，选择器，盒子模型，给选择器定义属性，居中问题，logo好像要用绝对定位，那个拉动的时候没有变化，后面两个图用相对定位，字体与图像对其的问题，好像是用text-align：ceter。

之前看了好久的基础概念，记得东西有点多，现在用起来有点混乱，要大量练手熟练掌握。

三，遇到的问题

一直到吃晚饭前对切图还很懵，拿到那个魔板后刚开始是直接切一整块后面发现颜色怎么都对不上，字体也需要修改。。。左边第一个图跟任务的完成效果不一样。问了朋友说你切整块那还要前端做什么

又是一个人学习，吃完晚饭后看了点东西就恍然大悟。一个logo，下面两个图，直接在图层上面切下来保存成png格式。手动切图就算了，自动跟脚本切图切出来的东西一大堆，要一个设计图上元素很多，那眼睛都要炸···

四，收获

通过今天的学习掌握了前端必会技能之一切图工具的使用。