一回の「保存」操作で全部の画像を保存/更新したい。(「ここの色かえてブラウザで見たい」みたいなときに一発で保存できないと、そういう試行錯誤をめんどくさくてやらなくなる……)

1. Photoshop でロールオーバーレイヤーまで作ってスライスまで切る
2. ImageReady でひらきなおす
3. スライスにロールオーバーステート追加して、ロールオーバーレイヤーをあくちぶに
4. 「最適化ファイルを保存」で「ユーザ定義のスライスのみ」で「画像のみ」

まだちゃんと作業してみてない。あさのさんのつっこみで ImageReady の存在を思い出した……

あと保存時にフックかけてロールオーバー画像とそうじゃないのを縦に連結できたらいいなぁ。

ちなみに最近はスライス保存してできるディレクトリ構成 (images) にあわせるために、サイト側の構成を以下のようにしてる

• /
  • styles/
    • style-name/
      • images/ (スライス保存で自動的に生成される)
      • style-name.css
    • style-name2/
      • images/
      • style-name2.css