直接说解决方法：
假设一张拼合好的大图大小是：900 x 1000 px （如上图）
现在想取图中左上角的河马图标，并缩小图标的大小。
正常取图：
立即学习“前端免费学习笔记（深入）”；
.sprite {
background: url('imgs/woqu_localjoin_all.png') no-repeat -21px -80px;
width: 190px;
height: 154px;
}现在取正常图标大小的一半：
<pre name="code" class="html">.sprite {
background: url('all.png') no-repeat -10px -40px;
width: 95px;
height: 74px;
background-size:450px 500px;
}OK，大功告成！
最后推荐大家一款css sprite测量工具：http://www.spritecow.com/
打开，把拼合好的png图拖进去：
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
163
