前端切图要选择png和jpg呢？
今天特意验证了一下： 切完图分别保存png24、png8和jpg60、jpg80（60和80表示保存图片时品质选择）后， 然后再压缩图片，压缩图片地址：https://tinypng.com/ 图片直接拉进去就可以压缩，压缩完对比一下，没想到png24图片压缩完内存小又清晰；jpg ...
原文：PS-前端切图教程（切jpg图和切png图）
ps：多日后的补充说明 部分看了文章的设计师，来找我说怎么切图。sorry 在我的理解，这就是切图啊，但是他们所指的 切图 是，怎么把设计图制作成html页面。 在我看来，现在人们对于前端都是有误区的。认为前端是切图的， 也确实是这么叫的，本人情感上很不愿意听前端被叫做 切图的 所以也会误认为我的这篇文章是写给设计师的。 其实不然，这篇文章适用于计算机出身的前端甚至后端 对于ps等设计软件没有基础 ...
2017-06-27 15:42 8 88865 推荐指数：
相关推荐
PS-头发丝抠图
【PS版本】Photoshop CS5 【主题】头发丝抠图 【操作步骤】 第一步：打开待处理图片，复制图层； 第二步：快速选择工具选择主体（也可用魔术棒用具选择背景色，然后反向）； 第三步：点击“选择”选项，调出“调整边缘”； 第四步：视图选择：叠加；选中“净化颜色”，输出：新建图层 ...
PS-大树树叶树枝抠图
1、套索工具框选大树，CRTL+J复制图层，关闭背景图层2、点击进入通道，点击蓝色通道，复制蓝色通道3、CRTL+L，调出色阶，拉动黑白滑块，让对比更加明显4、按住CRTL，点击通道，点选RGB通道， ...
前端技术-PS切图
页面制作部分之PS切图 <--本标签下，通过页面制作、页面架构、javascript程序设计、DOM编程艺术、产品前端架构五部分来分享总结笔记，总结笔记会陆续分享--> 网页设计在技术层面上，第一步是美工做出网页效果图，第二步就是网页前端进行网页切图。网页切图工具常用 ...
PS 扣透明底 png 图
1. 打开PS，要去白底的图片 2. 图层解锁 双击图层解锁，或者复制一层，将原图层隐藏 3. 选择魔棒工具 点击图片上白色位置，就可以看到白色部分都选择上了，shift键可以添加选择 4. delete键，清空底，可看到背景已经是透明的 5.保存选择png格式 ...
ps切图保存所有切片为png
ps切图保存所有切片为png的步骤： 1. 切图完毕后 2. 点击‘文件’--‘保存为web格式’，弹出对话框 3. 选择左下角的缩放，缩放到一定的比例 4. 按住键盘shift 点选需要的切片（切片周围呈现橙黄色线框） 5. 点击右上角格式为‘png’ 6. 点击右下角'存储'，弹出 ...
前端必备切图ps篇
前言：当设计师通过photoshop工具设计完设计稿导出psd文件时，我们前端工程师该如何进行切图转换成网页的所需的图片呢，接下来讲讲如何利用photoshop工具快速简洁的切图，因为ps工具用到的行业很多，涉及到的各个行业，所以有一些快捷的面板可以隐藏掉。前端工程师只显示适合面板和元素就可以 ...
前端PS常用切图技巧
前言：前端涉及到的 ps 操作不算复杂，基本上就是切图，本文总结了常用的几种切图技巧。 工具：photoshop cs6 、 photoshop cc 1. 传统切图 01 这是最笨的一种方法，核心就是用选区工具选中我们要的切图区域，复制到新文件，然后整个保存下来，这样的切图方法几乎没有 ...