＼お手持ちのマップに、マス目を重ねて保存／ マップの画像を読み込んで、横と縦のマス数・1マスの大きさ・線の色を選ぶと、マス目つきの画像をPNGで保存できます。 画像を読み込まずに保存すると、マス目だけの透過PNGになります。 画像はブラウザの中だけで扱うので、外へは送りません。 無料版では、四角のマスを横と縦それぞれ20マスまで作れます。 ■ 例えばこんな使い方 ◎ 自分で描いたマップや、背景の画像に、戦闘用のマス目を付ける ◎ 1マスの大きさを決めて、セッション用の盤面にちょうどよい大きさのマス目素材を作る ◎ 座標を入れて「C4に移動」のように、どのマスか伝えやすくする ■ 使い方（3ステップ） ① trpg-grid-maker.html をダブルクリックして、ブラウザで開く ② 「マップの画像を選ぶ」でマップを読み込む（画面にドロップしても読み込めます。画像なしでも作れます） ③ マスの数・1マスの大きさ・線の色を選んで、「PNGで保存」を押す ■ この無料版でできること ◆ マップの画像に四角のマス目を重ねて、PNGで保存 ◆ 画像なしで、マス目だけの透過PNGを作る ◆ 横と縦それぞれ20マスまで、1マスは8〜400px ◆ 線の色（白・黒・灰色）、太さ、濃さ、外わくのあり・なし ◆ 画像の合わせ方3種類（引きのばす・はみ出しを切る・全体を入れる） ◆ 「画像に合わせる」ボタンで、画像の大きさに近いマス目にする ■ 有料版（500円）で増えること ◆ 横と縦それぞれ100マスまで（画像は8000pxまで） ◆ 六角のマス2種類（とがった頭・平らな頭） ◆ 座標を入れる（外側にA・B・C／1・2・3、マスの中にA1・B1…や0101・0201…） ◆ マスに色を塗る（赤・青・緑・黒の4色と消す。壁や水の目印に） ◆ 線の色を自由に選ぶ、点線・ドット、2・5・10マスごとの太い線（四角のとき） ◆ 画像の位置と大きさを数字で合わせる（もとから描いてあるマス目とのずれを直す） ◆ マス目だけを透過PNGで保存、JPGでも保存、選んだ設定を次も覚える 有料版はこちらです。https://booth.pm/ja/items/9070489 ■ 動作環境 ・Chrome / Edge / Safari の最新版（動作確認はChromeのみです） ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ・マス数が多く1マスが大きいと、保存に少し時間がかかります ■ 配布内容 ・trpg-grid-maker.html ・README.txt ■ ご利用について ・個人・法人どちらも使えます ・作った画像は、セッションや配信、頒布するシナリオの素材にも使えます。クレジット表記は不要です ・ファイルそのものの再配布・販売はご遠慮ください ■ ご注意 ・非公式のツールです。各サービス・各社とは関係ありません ・読み込んだ画像は、パソコンの外へ送りません。もとの画像ファイルは書き換えません ・セッション用のツールに読み込んだときの見え方（1マスの大きさなど）は、ツールごとに違い、手元では確認していません。お使いのツールの説明に合わせて「1マスの大きさ」を決めてください ・マップの絵を描く機能や、壁・家具などの素材は入っていません ・画像に描かれたマス目を自動で見つけることはできません（ずれは数字で合わせます） ・ほかの方が作ったマップ画像を使うときは、その画像の利用規約にしたがってください ■ 更新情報 2026/10/30 公開 TOOL BOX