前端切图相关知识

 

1.如果需要保存透明图片，则保存格式为png24或png8，图片色彩不丰富，不伦透明与否一律保存为png格式。

2.将指定选区的内容保存为图片，这种一般用于保存带背景的图，比如网页中导航栏下的Banner图，方法：

    a. 用选区工具框出选区；

    b. 选择菜单栏中“编辑”-“合并拷贝”；

    c. 选择菜单栏中“文件”-“新建”-“粘贴”（新建中的长宽默认就是之前拷贝的选区长宽）；

    d. 将文件保存为图片即可（要选择存储为web所用格式）。

3.如何获得psd设计图中的图标字体等素材：

    a. ctrl+单击选中图层；

    b. 右键转换为智能对象；

    c. 图层上双击会在新窗口中打开，再将其存储为png或gif图像（这两种图像大小都很小，png图像适合存储透明和有阴影过渡效果的图像，gif适合存储没有阴影过渡效果的图像和动态图像）。

4.色彩丰富切无透明要求时保存为jpg格式并选用合适的品质（通常使用品质 80 ）。

5.如果是可平铺的背景，则只需要用选区工具选择一个很小的合适区域（比如1px）并复制到新图层进行保存。

6.可以根据自己的需要使用切片工具去获得素材，如果要快速切图可以拉参考线，选择“基于参考线的切片”。

7.把小图标切出来放到一张图上使用position进行使用可以减少页面的请求数量。

 

常用快捷键：

      Ctrl + 左键               选中图层

      Shift+Ctrl+Alt+S     存储为web所用格式

      Ctrl + E                   合并图层

      Alt + Delete             前景色填充

      Ctrl + Delete            背景色填充