HTML and CSS Reference
Look at the top part ( #top ) and you'll notice that the
background has dotted gradient lines. Crop this into
a new image: top.png.
You can choose any selection to crop from, but try
to get its minimum functional size (e.g. without any
graphical interruptions when its being repeated ).
A 50x50 pixel selection is good for this background,
but a 2x40 pixel one is much better. It includes the
2px width as the minimum size required to have the
image properly shown when being repeated.
“ Crop any images to the most minimum functional
size, both vertical and horizontal, in order to reduce
its size as much as possible.
Have a look at the next comparison.