自分の環境でスプライト画像を作成したい

1.Firework

FireworksのCSSスプライト書き出し機能
・Fireworks上で集めた画像を配置
・Fireworks CS3でも対応可か未確認

---

2.Stitches

・Stitches An HTML5 sprite sheet generator
・このサイトではWEBサービスとして紹介されているが、スクリプトが公開されているので、実際に設置してみた
・現状では、すべての画像を縦方向にしか結合できないが、スクリプトのオプション設定を変更すれば横一列にも対応可能？
・CSSも同時作成される

---

3.Xprite

・ここまで本格的じゃなくても良いのだけれども
・何か凄そう
・ちょっと試してみた
・CSSは作成されない

---

4.Sprite Generator

CSS Sprite 画像作成支援ツール「Sprite Generator」
Broken link
・実際に試した人のエントリーを探すも、見つからず
・「Sprite Generator」という名前があまりにストレート過ぎて探しにくい
・もう少し特徴的な名前のツール名の方が検索しやすいのだが…
・いつもだったらこの時点でスルーするのだが、ローカル環境でスプライト画像作成できるツールが少ないこともあり、今回は実際にダウンロードして試してみたよ

感想
・説明書読まずに触ったため、初め戸惑う。なんだこれ？ と思ったよ
・右クリックで、メニュー表示。すぐに慣れる
・全体的に問題ないと思うけど、一点気になったのは、「縦整列」「横整列」が、手動並べ替え不可な点（ドラッグ＆ドロップされた順序でしか結合できない）
・並べ替えられた方が便利だと思うけど、どうなんだろう？
・なお、CSSは作成されないが、「config.xml」が作成されるので、調整可能？勘違い。CSSだけでなく、サンプルhtmlも同時作成される
・プロフィール見たら、「生まれ：１９４７年６月 ６４才」てなってた。スゲー

画像を結合する向き

・「CSS Sprite」には複数の実現方法がある
・画像の結合方向は縦方向でも横方向でも（その両方でも）構わない
・方法によっては、縦方向に結合させておく必要がある