ソーシャル メディアのプロフィール写真からチーム ページや紹介セクションに至るまで、サークルでトリミングされた画像があらゆる場所に存在します。 LinkedIn 用の丸い顔写真、ブランドの円形ロゴ、Web サイト用のユニフォームのチーム写真が必要な場合でも、画像を円形に切り抜くことは、最も一般的な画像編集作業の 1 つです。
画像を円形にトリミングする理由
ほとんどのソーシャル メディア プラットフォームでは、プロフィール写真がサークルとして表示されます。 LinkedIn、Instagram、Twitter/X、Facebook、Slack、Teams はすべて円形のアバターを使用しています。画像を事前に円形にトリミングすることで、アップロードする前に画像がどのように見えるかを正確に確認し、被写体が完全に中央に配置されていることを確認できます。
円形画像はソーシャル メディアを超えて、Web デザインの紹介セクション、チーム ページ、機能のハイライトなどに広く使用されています。それらは視覚的な一貫性を生み出し、見る人の目を主題に引き付けます。
3 ステップで画像をサークルトリミングする方法
ステップ 1: 画像をアップロードします。 を開きます サークルトリミング画像 ツールを使用して写真をドラッグ アンド ドロップするか、クリックして参照します。 PNG、JPG、WebP ファイルはすべてサポートされています。
ステップ 2: 円を配置します。 画像の上に円形のオーバーレイが表示されます。ドラッグして被写体を中央に配置し、角のハンドルを使用してサイズを変更します。 1:1 のアスペクト比は、完全な円になるように自動的にロックされたままになります。
ステップ 3: ダウンロードします。 透明な背景には PNG (色付きの背景にオーバーレイするのに最適)、白い背景には JPG/WebP を選択します。 「ダウンロード」をクリックすると、円でトリミングされた画像が使用できるようになります。
最高のサークルクロップのためのヒント
件名を中央に配置します。 視覚的なインパクトを最大限に高めるために、最も重要な要素 (通常は顔やロゴ) を円の中心に配置します。
高解像度の画像を使用します。 トリミングすると常に最終的なピクセル寸法が縮小されるため、鮮明な品質を維持するには、利用可能な最大の画像から始めます。
透明度として PNG を選択します。 色付きまたはパターンの背景に円形の画像を配置する場合、PNG 形式では円の外側の透明な領域が保持されます。
一貫性を保つ: 複数のサークル クロップを作成する場合 (チーム ページなど)、すべての画像に同じサイズを使用して、均一でプロフェッショナルな外観を作成します。
一般的な使用例
プロフィール写真: LinkedIn、Slack、Teams、Instagram、Facebook、Twitter/X、TikTok はすべて円形のアバターを表示します。
チームページ: 一貫した円形の顔写真により、洗練されたプロフェッショナルなチームディレクトリが作成されます。
お客様の声: お客様の声のセクションには、引用文の横に円形の写真が掲載されているのが一般的です。
ロゴとファビコン: 丸いブランド マークとアプリ アイコンは、正確な円形トリミングの恩恵を受けます。
プライバシーとセキュリティ
当社の円切り抜きツールは、HTML5 Canvas API を使用してブラウザ内ですべてを直接処理します。画像はサーバーにアップロードされることはなく、常にデバイス上に残ります。これは、プライバシーのリスクがゼロで、即座に結果が得られることを意味します。
プラットフォーム別の推奨サイズ
各プラットフォームではプロフィール写真が異なるサイズで表示されるため、円でトリミングされた画像は一致する必要があります。 LinkedIn では、プロフィール写真が 400 x 400 ピクセルで表示されます。 Instagram と Facebook は 320 x 320 を使用します。Slack と Microsoft Teams は会話では 128 x 128 を表示しますが、プロフィールではより大きなバージョンが表示されます。最良の結果を得るには、800 x 800 ピクセルでトリミングしてエクスポートします。これにより、高密度 (網膜) 画面上でも写真を鮮明に表示するのに十分な解像度がすべてのプラットフォームに提供されます。
Web サイト (チーム ページ、紹介文) 用に円でトリミングされた写真を作成している場合は、表示サイズを 2 倍した正確なサイズでエクスポートします。たとえば、チーム ページに 150 x 150 ピクセルの写真が表示されている場合、すべてのデバイスで鮮明なレンダリングを行うために 300 x 300 でエクスポートします。エクスポートが大きくなると、目に見える改善が見られずに帯域幅が浪費されます。
非正方形のソース画像の操作
携帯電話やカメラからの写真のほとんどは正方形ではなく長方形です。長方形の画像を円切り抜きツールに読み込むと、円オーバーレイを使用して、画像のどの部分を保持するかを正確に配置できます。ヘッドショットの場合は、顔を円の中心に置きます。ロゴの場合は、デザイン全体が境界内に収まるようにして、端の周りにパディングを入れてください。
よくある間違いは、被写体がフレーム内で小さすぎる写真を使用することです。円形のトリミングでは角が除去されるため、顔が円の中に小さくなってしまう全身ショットよりも、しっかりとフレームに収められた被写体の方が効果的です。可能であれば、クローズアップ写真から始めて、そこからトリミングします。
iPhone または Android で画像をサークルトリミングする方法
に行く
iformat.io/circle-crop-image Safari (iPhone) または Chrome (Android) で。タップ
ファイルを選択、カメラロールから写真を選択し、円をドラッグして被写体の上に配置し、 をタップします
ダウンロード。 PNG はダウンロード フォルダーに保存されます。
iPhone のネイティブの写真アプリでは、透明度を備えた真の円形トリミングは提供されていません。適切な背景が透明な円 PNG を作成するには、アプリをインストールせずにブラウザ ツールを使用するのが最も簡単なオプションです。
出力品質 — 期待されること
円のトリミングでは、画像から正方形の領域を抽出し、それを円にマスクします。出力ピクセルの寸法は、トリミングした直径と等しくなります。高解像度のソースから始めると、より大きくシャープな円が得られます。
LinkedIn プロフィール写真 (400 × 400 ピクセルで表示) の場合は、少なくとも 600 × 600 ピクセルのソース画像を使用してください。 150 × 150 ピクセルのアバターを表示する Web サイトのチーム ページの場合は、Retina/高 DPI 画面で画像が鮮明に見えるように、300 × 300 ピクセルでエクスポートします。
よくある質問
サークルトリミングされたプロフィール写真にはどの形式を使用すればよいですか?
PNG。プロフィール写真は、白、グレー、ブランドカラーなど、さまざまな背景で表示されます。 PNG では円の外側の透明な領域が保持されるため、写真が背景に溶け込みます。 JPG では、円の後ろに白い四角形が表示されます。
LinkedIn にアップロードした後、サークルトリミングがぼやけて見えるのはなぜですか?
LinkedIn はアップロードされた画像を再圧縮します。少なくとも 400 × 400 ピクセルでアップロードしてください。ソース写真の解像度が低い場合、円のトリミングも低解像度になります。どのツールもオリジナルにないディテールを追加することはできません。
ロゴをサークルクロップできますか?
はい。トリミングする前に、ロゴの周囲に少なくとも 10 ～ 15% の空きスペースを残してください。フレーム全体を埋めるロゴは、角が円の中に切り取られます。
丸くトリミングされたプロフィール写真の理想的なサイズはどれくらいですか?
最小 400 × 400 ピクセルで、LinkedIn、Instagram、Facebook、Slack がカバーされます。 Web サイトの場合は、高 DPI 画面で鮮明にするために、ディスプレイ サイズの 2 倍でエクスポートします。
このツールは透過 PNG 入力をサポートしていますか?
はい。入力 PNG にすでに透明な背景がある場合、ツールはそれを保持します。出力は、既存の透明領域の内側と円形の境界の外側の両方が透明な円になります。
画像を丸でトリミングします（無料）
今すぐ試してみる
