スプライトジェネレーター
複数のアイコンや小さな画像を1枚のPNGスプライトシートにまとめ、CSS background-positionクラスと座標JSONを一緒にダウンロードできます。
PNG、JPG、WebPアイコンを追加
複数ファイルを一度に選択できます。
小さな画像を1枚のシートにまとめる
アイコン、ボタン状態、ピクセルアートのタイルを別々のファイルで管理すると、座標の確認が面倒になります。スプライトジェネレーターは複数の画像を同じセルサイズに配置し、1枚のPNGとして出力します。
列数、セルサイズ、間隔、外側の余白を調整して、ゲームUIやWebアイコンセットに合うシートを作れます。ZIPにはPNGに加えて、そのまま使えるCSSクラスと座標JSONが含まれます。
画像はブラウザ内でのみ読み込まれ、描画されます。出力PNGは新しいキャンバスから書き出されるため、カメラ情報や位置情報などの元メタデータは含まれません。
あわせて使えるツール
今の作業に続けて使いやすいツールをまとめました。