码迷,mamicode.com
首页 > 其他好文 > 详细

Photoshop制作雪碧图技巧

时间:2019-03-10 09:51:50      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:步骤   网页   裁剪   大小   背景   http   css   排列   加载   

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

步骤:

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

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

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

Photoshop制作雪碧图技巧

标签:步骤   网页   裁剪   大小   背景   http   css   排列   加载   

原文地址:https://www.cnblogs.com/jyue/p/10504005.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!