Потому что это не картинки. Это даже не текст per se.
В юникоде есть блок "Private use area", где каждый конкретный шрифт может рисовать все что угодно. Есть такой шрифт Font Awesome (
http://astronautweb.co/snippet/font-awesome/) со всякими значочками из фреймворка Twitter Bootstrap. Ну и, казалось бы, хорошо, делаете текстовый элемент с текстом из этих символов, указываете нужный шрифт. Однако копипастить такой текст бессмысленно, потому что символы в нем никакого общепринятого смысла не имеют, и в разных шрифтах могут рисоваться абсолютно по разному. Очевидно, по этой причине, был сделан хитрый код конем: в CSS имеется специальный способ рисовать произвольные маркеры для списков, и чтобы эти маркеры не являлись частью текста — потому что когда вы копируете маркированный список в буфер обмена, вы хотите потом вставить текст из нескольких строк, но без жирных маркеров в начале каждой строки, — и вот эти-то вот звездочки оформлены как маркеры списка (к списку из одной-единственной пустой строчки).
Почему нельзя было сделать картинками, в самом деле?
?
