image
grid_view

分割する画像を追加します

PNG、JPG、WebP・画像比率は自由

選択した素材シートのプレビュー

ブラウザでスプライトシートを分割

正方形・横長・縦長のスプライトシートを指定したグリッドで分割します。PNG、JPG、WebPから出力形式を選び、必要に応じて画質を調整して、すべての素材をZIPでダウンロードできます。

画像をグリッドに分割する方法

  1. PNG、JPG、WebPのスプライトシートをアップロードします。
  2. グリッドを選び、必要に応じて画像位置の調整を有効にして、固定線の下でシートをドラッグしてください。
  3. PNG、JPG、WebPから出力形式を選び、必要に応じて画質を調整します。
  4. 分割したすべての素材をZIPでダウンロードします。

スプライト シートを行と列に分割します

3 × 3 などのプリセットを選ぶか、列数と行数を指定して画像を均等なグリッドに分割します。正方形・横長・縦長の画像に対応しています。グリッドは指定した設定に従います。個々のオブジェクトや、不規則に並んだスプライトの境界を自動検出する機能はありません。

ソース画像を位置合わせして透明なタイルをエクスポートします

アートワークがグリッドと一致しない場合は、画像の位置決めを有効にして、ソースを固定線の下に移動します。ダウンロードする前にタイルの境界をプレビューします。 PNG は、透明ピクセルを含むスプライト アートワークに便利な選択肢です。 JPG では透明度が削除され、WebP の透明度はブラウザーのエクスポート サポートに依存します。

1 つのシートを画像ファイルのセットとしてダウンロード

ZIP には、現在選択されているシートから切り取られた部分が含まれています。これは 1 つの画像から複数のファイルへの処理であり、複数のシートの一括処理ではありません。分割は、シートをIMGIUM のサーバーに送信せずにローカルで行われます。後で別のグリッドまたはオフセットに戻ることができるように、ソース ファイルを保存しておいてください。

画像グリッド分割に関する質問

長方形のスプライトシートも分割できますか?

はい。正方形・横長・縦長の画像に対して列数と行数を自由に指定できます。

グリッドに合わない画像の位置を調整できますか?

はい。「画像位置を調整」を有効にし、元画像をドラッグするか矢印キーを使ってください。同じずれ量がダウンロードする各画像に適用されます。

出力形式を選べますか?

はい。分割した素材はPNG、JPG、WebPで書き出せます。

出力画質を調整できますか?

JPGとWebPでは画質を設定できます。PNGは透明部分を保持し、非可逆圧縮の画質設定は使用しません。

透明部分は保持されますか?

PNGは透明度を保持します。JPGは透明度に対応していません。WebPは、ブラウザが透明WebPのCanvas書き出しに対応している場合に透明度を保持します。

素材はZIPファイルでダウンロードされますか?

はい。分割した素材はすべて1つのZIPファイルにまとめられます。

画像はサーバーにアップロードされますか?

いいえ。選択したスプライトシートはブラウザ内で処理され、IMGIUMのサーバーへアップロードされることはありません。

スプリッターは各スプライトを自動的に検出しますか?

いいえ。選択した行と列を使用して画像を分割します。不規則なレイアウトの場合は、均一なグリッドに依存するのではなく、個々の領域をトリミングします。

シートを準備するか、エクスポートされた部分のサイズを変更します

シートを分割する前に余分な境界線をトリミングします。分割後、エクスポートされた部分に同じ出力サイズが必要な場合は、一括サイズ変更を使用します。