Hola zatoshi, bienvenido a Foros del Web.
Permíteme recomendarte leer este tema para que tu estadía por acá sea la mejor posible.
Ahora, contestando a tu pregunta, la forma más sencilla de hacer esto es utilizando CSS:
A un html como éste:
Código HTML:
<ul>
<li>Un elemento de lista</li>
</ul>
le podés aplicar un CSS como éste:
Código css:
Ver originalul {
list-style-image : url(ruta/a/la/imagen);
}
y verás la imagen colocada en vez del punto. Así de sencillo y así de rápido.
También podés utilizar una clase (class="algunacosa") o un identificador (id="algunacosa") en la etiqueta UL, por ejemplo para que esa imagen no se aplique a todas las listas.
Muevo el tema al foro de CSS, ya que CSS es tu mejor opción en este caso, en vez de jugar con imágenes.
Saludos.