Photoshopの「Web ページのスライス」機能を使うと、画像をテーブルやCSSに分割したhtmlで保存できます。
画像の代わりにhtmlを埋め込んだり、リンクを設定することもできます。
http://help.adobe.com/ja_JP/Photoshop/11.0/WSfd1234e1c4b69f30ea5...
http://www.adobe.com/jp/support/kb/ts/224/ts_224107_ja-jp.html
http://www.adobe.com/jp/designcenter/golive/articles/glv6sliceim...
ただし、ロールオーバー(マウスオーバー)はスライスの機能にありません。
昔はPhotoshop同梱のImageReadyを使えばできたと記憶していますが、現在はImageReady自体が無くなってしまいました。
ありがとうございます。やはりどうしても、adobe のプロ用ソフトウェアになってしまうのでしょうか。(値段が高いからイヤとか、そういう文脈の説明ではありません。CS3 はフルで持っています。もっと軽く、OSXらしいソフトがないのかな?と思ったものですから……)