How do Sprites work? [Tutorial]

What you need to do is create a (number)x(number) large, the square acts as background so it should not have the same color as your sprites
Then horizontally space them out by 1 pixel, 1 empty pixel at begging 1 empty pixel at end, 1 empty pixel at top and 1 empty pixel at bottom
goes like this:
empty

empty square empty square empty

empty

you determine how many squares will be in the image by how many sprites you want to have
for example, if you wand 6 sprites do this pattern
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
""square""square""square""square""square""square""
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
the quotation marks " act as empty pixels
now put your sprites on the squares, and remove the squares
make sure it's only transparent pixels and sprites, cut the rest of the image