← コツ一覧へ戻る

PNG保存・グリッド付き書き出しの使い方

読了時間:約4分 対象:保存機能を使いこなしたい方

3種類の書き出し機能

このツールには用途に合わせた3種類のPNG書き出し機能があります。 それぞれの特徴を理解して使い分けることで、制作効率が上がります。

等倍 PNG

ドット絵の実際のピクセルサイズそのままで書き出します。例えば50×50pxで変換した場合、50×50pxのPNGが保存されます。

使いどき:保存容量を小さくしたい場合、後から別ツールで拡大編集したい場合

×N PNG保存(拡大)

ドット絵をN倍に拡大して書き出します。等倍では見づらい細かい色番号も確認しやすくなります。スマホ画面で見たときにちょうど良いサイズで保存できます。

使いどき:SNSシェア用・スマホで確認したい場合・印刷したい場合

グリッド付き PNG

5pxごとのガイドグリッドと赤いセンターラインを重ねて書き出します。グリッドはゲーム内での入力位置の目安になり、センターラインは左右の中心を示します。

使いどき:ゲーム内でドット絵を入力する作業用の参考画像として使う場合

グリッド付きPNGの見方

グリッド付きPNGには2種類のガイド線が含まれています。

黒い細線(5pxグリッド)

5ピクセルごとに引かれた区切り線です。ゲーム内での入力エリアの区切りと対応しています。 「左から3マス目・上から2マス目」というように座標を読む際の目安になります。

赤いセンターライン

画像の水平・垂直の中心を示す赤い線です。 左右対称のデザインを確認したり、中心から何マス目かを把握したりする際に役立ちます。 型紙のど真ん中にロゴを配置したいときなどに特に有効です。

型紙変換ページでの保存

型紙変換ページでも同様にPNG保存ができます。 変換後のドット絵エリアで「PNG保存」または「グリッド付きPNG保存」を選んでください。

型紙変換でグリッド付きPNGを保存する場合、ガイドラインも含めて書き出されます。 型紙の中心やセル区切りがわかるため、ゲームへの入力作業がさらに効率化されます。

保存したPNGの活用方法

スマホでの作業フロー

グリッド付きPNGをスマホに保存 → 写真アプリとゲームを並べて表示 → 色番号を見ながらゲーム内で一つずつ入力。 画面の分割表示機能(iPadなど)を使うと作業が楽になります。

PCでの作業フロー

グリッド付きPNGを別タブやウィンドウで開いたまま、ゲームと並べて参照するのが効率的です。 拡大表示機能を使えば細かいピクセルも確認できます。

印刷して手元に置く

大きいサイズの拡大PNGを印刷して、手元に置きながらゲームを操作する方法もあります。 画面を行き来する手間が省けてミスも減ります。

よくある質問

Q. 保存した画像はどこに保存されますか?

ブラウザの標準のダウンロード機能でデバイスに保存されます。スマホでは「写真」「ファイル」アプリのダウンロードフォルダに保存されます。

Q. 保存した画像がぼやけています

等倍PNGは元のドット絵と同じ小さいサイズです。拡大表示するとぼやけることがありますが、これは正常です。鮮明に見たい場合は「×N PNG保存」で大きいサイズを書き出してください。

Q. 画像はサーバーに送信されますか?

いいえ。すべての変換処理はブラウザ内で完結し、アップロードした画像はサーバーに送信されません。プライバシーに配慮した設計になっています。

実際に保存してみる

変換してPNGで保存できます。グリッド付きも試してみてください。

画像変換ツールへ →