画像余白計算機
キャンバスのサイズと上下左右の余白から、内側に使える領域のサイズと余白の割合を計算します。
内側の領域—
計算式
- 内側の幅 = キャンバスの幅 − 左右の余白 × 2
- 内側の高さ = キャンバスの高さ − 上下の余白 × 2
使い方のヒント
セーフエリア(文字が切れない範囲)の確認や、スライド・サムネイルの余白設計に使えます。余白の割合を、複数のサイズでそろえたいときは、割合のほうを見てください。
計算例
初期値(キャンバスの幅 1,920 px、キャンバスの高さ 1,080 px、左右の余白(片側) 120 px、上下の余白(片側) 90 px)のままで計算すると、内側の領域は 1,680 × 900 px、余白が占める面積は 27.1 %、左右の余白の割合(幅に対して)は 6.3 %、上下の余白の割合(高さに対して)は 8.3 %、内側の縦横比(幅÷高さ)は 1.867 になります。まずはこの値を基準に、自分の数値へ置き換えて確認してください。
たとえば「キャンバスの幅」だけを 3,840 px に変えると、内側の領域は 3,600 × 900 px、余白が占める面積は 21.9 %、左右の余白の割合(幅に対して)は 3.1 %、上下の余白の割合(高さに対して)は 8.3 %、内側の縦横比(幅÷高さ)は 4 になります。結果がどの入力にどれだけ敏感かを見るときは、入力を1つずつ動かして比べるとわかりやすくなります。
関連ツール
よくある質問
画像余白計算機では何がわかりますか？
キャンバスのサイズと上下左右の余白から、内側に使える領域のサイズと余白の割合を計算します。
何を入力すればいいですか？
次の項目を入力します: キャンバスの幅、キャンバスの高さ、左右の余白(片側)、上下の余白(片側)。内容を変えると、結果もそれに合わせて変わります。
結果にはどんな項目が表示されますか？
「内側の領域」「余白が占める面積」「左右の余白の割合(幅に対して)」「上下の余白の割合(高さに対して)」「内側の縦横比(幅÷高さ)」などが表示されます。
どんな計算式を使っていますか？
ページ内の「計算式」にまとめています。たとえば「内側の幅 = キャンバスの幅 − 左右の余白 × 2」のような式です。
結果はどのくらい正確ですか？
色の見え方はモニターや印刷で変わります。サイズや比率は計算どおりですが、仕上がりは実際に書き出して確認してください。
同じカテゴリ(サイズ・解像度・印刷)の他のツールはありますか？
はい。画像サイズ変換計算機、アスペクト比計算機、画像解像度計算機、ピクセル→実寸計算機などがあります。
スマホでの利用、入力内容の扱い、結果のコピー、印刷など、全ツールに共通する質問は共通のよくある質問にまとめています。