お世話になります。
タイトルの件、使い方について不明点があり質問させていただきました。

先日CSSの参考書を見ていたところ、
下記コードにてテキストを画像に置換するテクニックを学びました。

参考書以外に類似記事もあったので、
スタンダードなテクニックなのかなと思います。
http://w3q.jp/t/1914

text-indent: 100%;
white-space: nowrap;
overflow: hidden;

ただ、いままで画像を挿入は、
background-image,htmlでのimgタグ等を利用しておりましたが、
上記だとどんなメリットがあるのか（どんなケースの場合に使うとよいのか）が分からず、
ご存知の方がいらっしゃいましたら、ご教示頂けないでしょうか。

どうぞよろしくお願いいたします。