Для этого надо создать новый документ фотошопа. При создании он выдаст диалоговое окно, в котором нужно задать, что в фоне используется прозрачный цвет (transparent). Затем копируете в этот документ ваш будущий бегунок, выделяете фон (например с помощью волшебной палочки), удаляете кнопкой del, остается ваш бегунок и "шахматная доска" в фоне. Это и есть прозрачный фон. Сохраняем для интернет в формате PNG24.
Дело в том, что не достаточно просто сохранить бегунок в формате png, необходимо чтобы в фоне был ПРОЗРАЧНЫЙ цвет. Это не белый, не черный, это именно прозрачный цвет, такой особый. Его можно сделать с помощью Photoshop используя прозрачный фон и инструменты выделения, очистки, удаления.
Дело в том, что в компьютерном представлении есть 3 основных составляющих цвета - красный, зеленый, синий, и один дополнительный для формата png24 - прозрачность. Поэтому, точки, из которых состоит изображение должны иметь прозрачный или полупрозрачный цвет.