切图要点
切图保存为gif png格式的区别
例如有的小图标,logo区我们要使用图片,设计师给我们设计稿,像logo区有透明背景可以使用png格式
gif png两个格式都能保存透明图层,但png格式图片效果更好,边缘较柔和,所以png格式能存储带有边缘有渐变效果的图片,gif格式的好处有大小较小,而且能存储动图。
jpg格式 :存储颜色丰富的大图片使用 jpg格式。存储为web使用格式,改变存储品质的大小,可以实现图片的压缩。大小比较小的图片加载速度比较好。
一般200k的大小较好。
将图层转化为智能对象,双击进入。
一般图片引入使用img标签,和背景图片
小图标一般不影响网页的抓取,我们可以将小图标存在一张图片上,减少请求次数。使用ps将图片对齐,使用background-position背景偏移的方式来把一个图片实现在不同的地方。
在拾色器窗口的左下角勾选“只有Web颜色”选项。这将使窗口只显示出Web安全色。