円形アイコン余白計算機
アイコンを円形に切り抜くときの、ロゴや文字を置ける範囲と、四隅の切り落とされる範囲を計算します。
px
%
ロゴを置ける正方形の一辺(余白込み)—
円の中の使える直径—
正方形に対する、見える面積—
四隅で切り落とされる面積—
中央の正方形の、各辺の余白—
計算式
- 円の直径 = アイコンの一辺
- 円に内接する正方形の一辺 = 直径 ÷ √2
- 円の面積 = 正方形の π/4(約78.5%)
使い方のヒント
円で切り抜くと、四隅の約21.5%が見えなくなります。正方形のロゴは、円の縁からの余白も考えて、中央に、直径の約0.7倍までの大きさで置くと、切れずに収まります。
関連ツール
よくある質問
円形アイコン余白計算機では何がわかりますか?
アイコンを円形に切り抜くときの、ロゴや文字を置ける範囲と、四隅の切り落とされる範囲を計算します。
何を入力すればいいですか?
次の項目を入力します: アイコンの一辺(正方形)、円の縁からの余白(直径に対して)。内容を変えると、結果もそれに合わせて変わります。
結果にはどんな項目が表示されますか?
「ロゴを置ける正方形の一辺(余白込み)」「円の中の使える直径」「正方形に対する、見える面積」「四隅で切り落とされる面積」「中央の正方形の、各辺の余白」などが表示されます。
どんな計算式を使っていますか?
ページ内の「計算式」にまとめています。たとえば「円の直径 = アイコンの一辺」のような式です。
入力した値は外部に送信されますか?
いいえ。処理はお使いのブラウザの中だけで行い、サーバーには送信しません。
結果はどのくらい正確ですか?
色の見え方はモニターや印刷で変わります。サイズや比率は計算どおりですが、仕上がりは実際に書き出して確認してください。
結果をコピーできますか?
はい。「結果をコピー」ボタンで、表示されている結果をクリップボードにコピーできます。
スマホでも使えますか?
はい。画面の幅に合わせて表示されます。アプリのインストールや会員登録は必要ありません。
同じカテゴリ(SNS・アイコン)の他のツールはありますか?
はい。SNS画像サイズ変換、SNS画像サイズ一覧生成器、アイコンサイズ生成器などがあります。