円形アイコン余白計算機
アイコンを円形に切り抜くときの、ロゴや文字を置ける範囲と、四隅の切り落とされる範囲を計算します。
ロゴを置ける正方形の一辺(余白込み)—
計算式
- 円の直径 = アイコンの一辺
- 円に内接する正方形の一辺 = 直径 ÷ √2
- 円の面積 = 正方形の π/4(約78.5%)
使い方のヒント
円で切り抜くと、四隅の約21.5%が見えなくなります。正方形のロゴは、円の縁からの余白も考えて、中央に、直径の約0.7倍までの大きさで置くと、切れずに収まります。
計算例
初期値(アイコンの一辺(正方形) 512 px、円の縁からの余白(直径に対して) 8 %)のままで計算すると、ロゴを置ける正方形の一辺(余白込み)は 304.1 px、円の中の使える直径は 430.1 px、正方形に対する、見える面積は 78.5 %、四隅で切り落とされる面積は 21.5 %、中央の正方形の、各辺の余白は 103.9 px になります。まずはこの値を基準に、自分の数値へ置き換えて確認してください。
たとえば「アイコンの一辺(正方形)」だけを 1,024 px に変えると、ロゴを置ける正方形の一辺(余白込み)は 608.2 px、円の中の使える直径は 860.2 px、正方形に対する、見える面積は 78.5 %、四隅で切り落とされる面積は 21.5 %、中央の正方形の、各辺の余白は 207.9 px になります。結果がどの入力にどれだけ敏感かを見るときは、入力を1つずつ動かして比べるとわかりやすくなります。
関連ツール
よくある質問
円形アイコン余白計算機では何がわかりますか？
アイコンを円形に切り抜くときの、ロゴや文字を置ける範囲と、四隅の切り落とされる範囲を計算します。
何を入力すればいいですか？
次の項目を入力します: アイコンの一辺(正方形)、円の縁からの余白(直径に対して)。内容を変えると、結果もそれに合わせて変わります。
結果にはどんな項目が表示されますか？
「ロゴを置ける正方形の一辺(余白込み)」「円の中の使える直径」「正方形に対する、見える面積」「四隅で切り落とされる面積」「中央の正方形の、各辺の余白」などが表示されます。
どんな計算式を使っていますか？
ページ内の「計算式」にまとめています。たとえば「円の直径 = アイコンの一辺」のような式です。
結果はどのくらい正確ですか？
色の見え方はモニターや印刷で変わります。サイズや比率は計算どおりですが、仕上がりは実際に書き出して確認してください。
同じカテゴリ(SNS・アイコン)の他のツールはありますか？
はい。SNS画像サイズ変換、SNS画像サイズ一覧生成器、アイコンサイズ生成器などがあります。
スマホでの利用、入力内容の扱い、結果のコピー、印刷など、全ツールに共通する質問は共通のよくある質問にまとめています。