ホームに戻る
スプライトシートジェネレーター – CSSスプライトとテクスチャアトラス
複数の画像を1枚のスプライトシートにまとめ、正確なCSS background-positionとTexturePacker形式のJSONマップを取得します。CSSスプライト、ウェブアイコン、ゲームアニメーションフレームに最適です。並べ替え、列数とパディングを設定し、シートとその座標をダウンロードできます。無料でプライベート、ブラウザで完結します。
パックする画像をアップロード
対応形式: JPG、PNG、WEBP、BMP、GIF（非アニメーション）
画像を貼り付け(Ctrl/⌘+V)またはドロップ — URLからの読み込みも可能
多くの小さな画像を1枚のスプライトシートに結合して、サイトやゲームを高速化します。Image Machineはブラウザでアイコンやフレームを1枚の画像にまとめます — アップロードもアカウントも不要 — 1つのリクエストで提供できます。シートはデバイス上で組み立てられ、アセットはプライベートに保たれます。
使い方
ツールを選ぶ
120+種類のツールから選んで、画像のサイズ変更・変換・圧縮・補正ができます。
アップロードして編集
画像をドラッグ＆ドロップして設定を調整します。データはデバイス内に保持されます。
ダウンロード
結果をすぐに保存 — 透かしなし、登録も不要です。
Image Machine が選ばれる理由
ファイルがデバイスの外に出ることはありません
すべての処理はブラウザ内でローカルに実行されます。画像がサーバーにアップロードされることは一切ありません。
完全無料
すべてのツールが無料。制限も、透かしも、隠れた費用もありません。
圧倒的な速さ
アップロードの待ち時間なし — 画像はお使いのデバイス上で瞬時に処理されます。
プロ品質
ピクセル単位で美しい仕上がり。形式・サイズ・品質を自由にコントロールできます。
よくある質問
sprite sheetは何のためのものですか？
sprite sheetは、アイコン・ボタン・アニメーションフレームといった多数の小さなグラフィックを1枚の画像にまとめたものです。数十個のファイルの代わりに1つのファイルを読み込むことでネットワークリクエストが減り、ウェブページやゲームが高速化します。
ウェブサイトでsprite sheetをどう使えばいいですか？
まとめた画像を表示し、CSSのbackground-positionでその位置をずらして、必要なアイコンだけを見せます。アニメーションエンジンも同じ仕組みで、シートに詰め込まれたフレームを順に切り替えます。
画像をまとめると画質は落ちますか？
いいえ。各画像はフル解像度のままシートに配置されます。PNGで書き出せばすべて透明度付きでロスレスに保たれ、これがアイコンやUIスプライトの標準的な選択です。