Photoshop制作雪碧图技巧

Posted jyue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Photoshop制作雪碧图技巧相关的知识,希望对你有一定的参考价值。

雪碧图,就是将网页制作中使用的多个小图片合并成一个图片,使用css技术将这张合成的图片应用在网页不同的地方,雪碧图可以减少网页加载时的http请求数,优化网页性能。

步骤:

1、使用Photoshop新建一张背景透明的图片

2、将小图片复制到此图片中,排列好每个图像的位置,图片幅面不够可以用画布大小调整大小

3、按照所有小图片的范围裁剪图片,存为透明背景的png图片

以上是关于Photoshop制作雪碧图技巧的主要内容,如果未能解决你的问题,请参考以下文章

网站性能优化之雪碧图制作

web中切图快速切图与web雪碧图制作的方法

web前端啥是雪碧图

Photoshop使用方法和技巧都有哪些?

Photoshop批量处理图片技巧

icon的制作方法