カテゴリー:
スプライト画像
閲覧数:630 配信日:2013-02-21 15:09
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も同時作成される
・プロフィール見たら、「生まれ：１９４７年６月 ６４才」てなってた。スゲー