CSS切割图片是指通过CSS技术将一张大图分割成多个小图，然后在网页上使用这些小图的不同部分，来达到节约带宽、提高网页加载速度的效果。

假设我们有一张宽1000像素、高500像素的图片，这张图片大小为500KB。如果我们直接在网页上使用这张图片，用户访问页面时需要下载整张图片才能显示，这个过程需要耗费较长时间。

但是如果我们将这张大图分割成10个宽度为100像素、高度为500像素的小图，每个小图大小为50KB。然后在CSS中使用background-image属性，将这些小图组合起来，达到显示整张大图的效果。这样用户访问页面时，只需要下载当前显示的小图，而不是整张大图，可以大大提高页面加载速度。

/* CSS代码 */
div {
width: 1000px;
height: 500px;
background-image: url("small-01.jpg"), url("small-02.jpg"), ... , url("small-10.jpg");
background-repeat: no-repeat;
background-position: 0 0, -100px 0, ... , -900px 0;
}

上面的CSS代码中，将背景图片分别指定为10个小图，使用background-position属性指定每个小图在整张大图中的位置。这样就能达到切割图片的效果。

需要注意的是，切割图片需要遵循一定的规则，保证切割后的小图能够无缝拼接，避免出现错位或空白等问题。同时，也需要考虑到兼容性问题，不同浏览器的支持程度可能会有所不同。