画像を PDF に変換
JPGやPNGを順にPDFへまとめ、A4、Letter、画像基準のページ、向きと余白を設定。完成したPDFを確認して保存できます。
スプライトシート作成
画像を配置 · 間隔を指定 · CSS と座標
画像はアップロードされません
ファイル
0 · 0 件選択中
画像が選択されていません。
画像または ZIP ファイルをドロップ
画像の貼り付けや複数選択にも対応しています。
JPEG · PNG · WEBP · AVIF
処理設定
詳細設定
書き出し設定
証明写真の構図端末内の検出は構図案を作るだけです。書き出す前に手動で調整できます。
この画像の構図はまだ確定されていません。
証明写真の背景必要な場合だけ端末内で人物を切り抜きます。元画像は送信されません。
画像サイズ
プリセットサイズ主要サービスの推奨サイズ
複数のサイズを選ぶと、画像ごとに各サイズを書き出します。
アイコンのセーフエリア
同じ構図から Favicon、PWA、一般的なアプリアイコンと manifest を生成します。
切り抜き範囲枠をドラッグして位置と大きさを調整
回転0°
画質
四辺の余白px
画像を高解像度化Real-ESRGAN · 2×
画像から色を選択
フレーム範囲終了を空欄にすると最後まで処理します。
Base64 はデータ量が増えます。ブラウザーのメモリを守るため入力サイズを制限しています。
このツールについて
アイコンやゲーム素材を1枚に集め、座標で必要部分を表示できます。最大の素材に合わせた規則的なマスなので、小さな画像の周囲には余白が残ります。
使い方
スプライトシート作成
このツールでできること
画像を列数と間隔に沿って結合し、元寸法を保持。PNG、JSON座標、CSS背景位置を出力して小さな素材をまとめられます。
使い方
画像を並べて列数と間隔を設定します。各画像は元の寸法のまま、最大画像に合わせたセルの左上に配置されます。画像、JSON 座標、CSS の背景位置を出力します。
結果の確認と次の処理
主画像に座標、manifest、補助コードが付属します。完全なZIPを保存するとファイル同士の対応を保てます。
プライバシーとローカル処理
処理はブラウザ内で行われ、このツールから元画像がアップロードされることはありません。
よくある質問
サイズ違いの画像は同じ大きさに引き伸ばされますか？
いいえ。最大画像に合わせたマスの左上に、元寸法で配置するため空白が残る場合があります。PNG、JSON、CSSを出力します。透明な端を切り詰める高密度パッキングではありません。
書き出した CSS だけではスプライトが表示されないのはなぜですか？
CSS は各画像の寸法と背景位置を示します。ページ側でシートの background-image パスと適切な表示形式を設定してください。PNG、JSON、CSS は同じ書き出しの組を使い、列数や間隔を変えたら一緒に更新します。
シートを作り直した後、座標のずれを防ぐには？
列数や間隔を決める前に、キューの順番を確定します。位置は現在の順序で割り当てられ、追加・削除・移動で後続の座標が変わる場合があります。新しいシートに古い座標ファイルを組み合わせないでください。
関連ツール
新しいタブで開きます
コメント
0