The clear images (usually named clear.gif, spacer.gif) were mainly used in table based layouts to fix alignments and maybe to prevent the empty cells from collapsing. But I haven't seen them being used much in CSS based layouts. And yes, they are just 1px by 1px transparent images.
Such an image can be made with gif (preferred) and png formats; but not jpeg, since it doesn't support transparency.