スクエア画像

デッサン用グリッド

資料写真にグリッドを重ね、マスごとに写し取れるようにします。写真の形にかかわらずマスは正方形のまま保たれ、画像はブラウザから出ません。

要点

SquareImage.dev の Drawing Grid Maker は、資料写真にグリッドを重ねて、紙の上にマスごとに写し取れるようにするツールです。マスの数、線の太さ、不透明度、色を調整でき、行と列のラベルも表示できます。写真が縦長でも横長でもマスは正方形のまま保たれ、画像が正方形に押し込まれることはありません。グリッドを重ねた結果は PNG でダウンロードでき、印刷にもタブレットでの表示にも使えます。無料でアカウント登録は不要、グリッドはアップロードではなく端末上の Canvas で描画されます。

By · Verified

グリッド法とは？

資料を同じ大きさの正方形に分け、同じ正方形を自分の紙にも描き、1 マスずつ内容を写していく方法です。

1 マスは小さく見渡しやすいため、目分量で測らなくても全体の比率が保たれます。

画像にグリッドを重ねるには？

  1. 写真を追加する。クリック、ドラッグ、または貼り付けます。
  2. マスの数を選ぶ。結果の行数と列数が表示されます。
  3. 線を調整する。太さ、不透明度、色、必要ならラベルも設定します。
  4. PNG でダウンロードして印刷します。

できあがったものはどう使う？

資料と同じ大きさで印刷するか、イーゼルの横のタブレットに表示しておきます。同じグリッドを紙に描き、1 マスずつ写していきます。

写真が縦長でも横長でもマスは正方形のままで、画像が切り取られたり歪んだりすることはありません。

写真はサーバーにアップロードされますか？

いいえ。グリッドはブラウザ内の Canvas で描画され、資料写真は当サイトのサーバーに送信されません。

よくある質問

写真は正方形に切り取られますか？

いいえ。マスは正方形ですが、画像は元の形のままです。

マスにラベルを付けられますか？

はい。行と列のラベルを表示できます。

保存形式は？

PNG です。印刷にもタブレットでの表示にも使えます。

このサイトのツールはすべて、写真を HTML canvas に描画し、その結果を読み出します。処理はそれだけです。だからアップロードは発生しません。ブラウザ自身のドキュメントは描画処理をこう説明しています:

“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
— MDN Web Docs, CanvasRenderingContext2D: drawImage() method

出典

リンク確認日: 2026-09-03

このサイトの他の画像ツール