画面実寸の定規メーカー

このツールでできること

画像の大きさと解像度、定規の形と長さを指定して、目盛り付きの画像を作ります。形は、帯・L字・十字・線の4種類です。L字と十字は、縦と横の長さを別々に決められます。

目盛りや数字が重なってしまうときは、保存する前にお知らせします。画像はPNG、設定はJSONで保存できます。よく使う設定は、名前を付けて「配置セット」に登録しておけます。

• クリスタ公式マニュアル: キャンバスの表示サイズを変更する — 公式資料・2026-09-06確認

こんなときに使えます

• 原稿の上に重ねて、コマや文字の大きさを実寸(mm)で確かめたいとき
• グッズやパッケージの入稿データで、印刷される大きさを絵の横に置いて確かめたいとき
• モニタや表示倍率がばらばらな環境で、画面の見た目ではなく実寸で判断したいとき

使い方

1. 「出力」で、重ねたい原稿と同じキャンバスサイズとDPI、使う単位(mmかインチ)を入れます。
2. 「形状・配置」で、定規の形と向き、置く位置、長さ、0地点を決めます。
3. 「目盛」で、主目盛の間隔と補助分割、定規の厚み、目盛線の幅と色を調整します。
4. 「読みやすさ診断」を見て、警告が出ていれば、主目盛・補助分割・厚みを直します。
5. 必要なら、プレビューを「モニタ実寸」に切り替え、等倍キャリブレーションを合わせて、実物大で確かめます。
6. PNGを書き出して、クリスタで同じDPIのキャンバスに読み込みます。

入力項目の意味

DPI

1インチあたりのピクセル数です。目盛りの間隔はこの値で決まるので、読み込むクリスタのキャンバスと同じ値にしないと、寸法が合いません。

定規形状

「帯」は下地の付いた目盛りの帯、「L字」と「十字」は横と縦の2本、「線」は基準線1本だけです。L字と十字では向きは選べませんが、代わりに横と縦の長さを別々に決められます。

配置セット

出力・形状・目盛などの設定一式に名前を付けて保存し、一覧のボタンから呼び出せる機能です。12件まで保存でき、同じ名前で保存すると上書きされます。

0地点

定規の左端(または上端)から見て、目盛りの0をどこに置くかです。定規の途中に置くと、そこから左右へ伸びる目盛りになります。定規の外に置くと、0の印は描かれません。

主目盛 / 補助分割

主目盛は、数字が付く目盛りの間隔(単位つき)です。補助分割は、主目盛の間をいくつに分けるかです。mmで主目盛10・補助分割10なら、1mmごとに細かい目盛りが入ります。

定規厚み

帯の太さ(px)です。この値で数字の大きさが決まります。細すぎると、数字は自動で表示されなくなります。

背景を透過

定規以外の部分を透明にして書き出します。原稿の上に重ねるときは、これをオンにします。

読みやすさ診断の直し方

• 「補助目盛が潰れます」は、目盛りの線と線のすき間が1pxより狭くなっている状態です。このまま書き出すと目盛りが塗りつぶされるので、補助分割を減らすか、線を細くします。
• 「数値ラベルが隣の目盛に重なります」は、数字の幅が主目盛の間隔より広くなっている状態です。主目盛の間隔を広げるか、厚みを下げて数字を小さくします。

クリスタへの読み込みと配置

1. 書き出したPNGは、クリスタの[ファイル]メニュー→[読み込み]→[画像]で読み込みます。1つのファイルが1枚の画像素材レイヤーとしてキャンバスに追加されます。同じDPIのキャンバスなら、目盛りの寸法はぴったり合います。
2. 画像素材レイヤーを選び、[操作]ツールの[オブジェクト]に切り替えると、ハンドルをドラッグして位置を動かせます。外側のハンドルで大きさを、回転のハンドルで向きを変えられます。
3. 下絵と見比べるときは、[レイヤー]パレットの上にある[不透明度]を下げ、下絵を透かして目盛りと合わせます。
4. 確認が終わったら、[レイヤー]パレットで定規のレイヤーを非表示にするか、削除します。描き込みに使わないなら、画像素材レイヤーのままでかまいません。ラスタライズする必要はありません。

読み込み先のキャンバスのDPIは、[編集]メニュー→[画像解像度を変更]で確かめられます。ダイアログの[解像度]が、書き出すときに指定したDPIと同じなら、目盛りの寸法も合います。

表示倍率100%や印刷サイズ表示との関係

この定規で正確なのは、「指定したDPIに対して、目盛りのピクセルの位置が正しいこと」です。「画面で実物大に見えること」ではありません。クリスタの100%表示は、原稿の1画素を画面の1画素で表示するもので、モニタによっては実物より小さく見えます。

画面で実物大を確かめたいときは、クリスタの[表示]メニュー→[印刷サイズ]を使います。ただし、環境設定の[キャンバス]にある[ディスプレイの解像度]で、画面に定規を当てて合わせておく必要があります。これは、このツールの「モニタ実寸」で使う等倍キャリブレーションと同じ考え方です。

なお、書き出した定規のPNGが正しいかどうかは、こうした画面の設定とは関係ありません。読み込み先のキャンバスのDPIが、書き出したときと同じかどうかだけで決まります。

詳しい仕組み

1単位あたりのピクセル数は、mmなら「DPI ÷ 25.4」、インチならDPIそのものです。主目盛の間隔(px)はこれに主目盛の値を掛けたもの、補助目盛の間隔はそれを補助分割で割ったものです。

読みやすさ診断では、補助目盛の間隔から線の幅を引いた、実際のすき間で判断します。1px未満なら「要修正」、2.5px未満なら「要確認」です。数字に必要な幅は、いちばん長い数字の文字数に、文字の大きさと0.6を掛け、左右の余白を足して見積もります。

数字の大きさは、定規の厚みの26%を、12〜32pxの範囲に収めた値です。数字を置く帯はその1.4倍の幅で、それが定規の厚みの半分を超えるときは、数字を表示しません。目盛りの線の太さは、0地点が基本の2倍、主目盛が基本の太さ、補助目盛が0.6倍です。0地点だけは帯の端から端まで線を引き、三角形の印を付けます。

確認できること・できないこと

書き出したPNGの目盛りは、指定したDPIに対して正確です。ずれるのは、読み込み先のキャンバスのDPIが違うときか、読み込むときに拡大・縮小したときです。

一方、プレビューの「モニタ実寸」が正しいかどうかは、等倍キャリブレーションで決まります。合わせる前は「1インチ = 96画素」と仮定したおおよその表示なので、モニタによっては実物と合いません。ブラウザやOSの表示倍率を変えたときも、保存した値がずれます。

• これは画像として重ねる目盛りで、クリスタの定規機能(パース定規や平行線定規)ではありません。ペンが吸い付くスナップの対象にはなりません。
• 目盛りには数字だけが入り、単位の記号や好きな文字は入れられません。曲線の定規や、角度の目盛りにも対応していません。

入力データの扱い

定規の描画と診断はブラウザの中で行い、画像をアップロードすることはありません。定規の設定、表示モード、キャリブレーションの値はブラウザ(localStorage)に保存され、次に開いたときも元に戻ります。共有リンクに入れた設定は、リンクを受け取った人に見えます。リンクを開くと、URLがこのサイトのサーバーに送られます。