Making background image pixel perfect in CSS

How can I slice the above image and use CSS to make sure is pixel perfect for background image on a web page?

You just have to crop the image so that it can “tile”—for example, like this:

Here is a closeup that shows it better. The image is set up in such way that each repeat will complete the last one:

Thanks, that make sense