您的位置: 首页 > 文章 > 【前端学习笔记day35】4.5. Photoshop制作雪碧图技巧 【前端学习笔记day35】4.5. Photoshop制作雪碧图技巧 分类: 文章 • 2024-10-13 14:51:28 文章目录 4.5. Photoshop制作雪碧图技巧 Photoshop制作雪碧图技巧 4.5. Photoshop制作雪碧图技巧 Photoshop制作雪碧图技巧 雪碧图,就是将网页制作中使用的多个小图片合并成一个图片,使用css技术将这张合成的图片应用在网页不同的地方,雪碧图可以减少网页加载时的http请求数,优化网页性能。 步骤: 1、使用Photoshop新建一张背景透明的图片 2、将小图片复制到此图片中,排列好每个图像的位置,图片幅面不够可以用画布大小调整大小 3、按照所有小图片的范围裁剪图片,存为透明背景的png图片