对于一整张大图只需要截取其中一部分，你需要知道两点：
1.需要的那一部分图片的在整个大图中的位置 2.它的大小
然后就好办了，我举个小例子：
一张300px*300px的大图，我需要的部分大小是宽20px高50px，在整个图片的位置离上边是20px；左边是80px，然后可以写样式了：
div{
background-image:url(bjimg.jpg)/*背景图片的路径*/
background-position:-80px -20px/*背景图片的位置是距左80px；距上20像素*/
width:20px/*div的宽度*/
height:50px/*div的高度*/
}
希望对你有所帮助。
将图片转换为base64编码最常见的应用就是在将网页中的一些图片转黄为base64编码可以实现网页图片在网速 不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。
1、关于提前加载图片的应用
这个大家可以去看一下天猫主页的css代码，大家可能没有注意到，在我们使用网速不好的时候网络去访问天猫的时候，在页面没有完全加载出来的时候会出现一个“小猫”的等待图标，增加了用户体验。其实现的原理就是将那张图片使用base64编码放到css中，因为我们都知道，css是在html的头部引用的，要是优先与下面的内容被加载，所以在网速不好的时候就会出现这种效果。
（天猫css截图）
2、关于减少请求次数
我们都知道，我们的网站采用的都是http协议，而http协议是一种无状态的连接，就是连接和传输后都会断开连接节省资源。此时解决的方法就是尽量的减少http请求，此时base64编码可以将图片添加到css中，实现请求css即可下载下来图片，减少了再次请求图片的请求。当然减少http请求次数的方法还有很多，如css sprite技术，将网页中的小图片拼在 一张大图中，下载时只需要一次完整的http请求就可以，减少了请求次数。
