サークルフレームメーカー あらゆる写真を正円フレームに変える
WhatsApp、Instagram、Discord用にカスタマイズされたボーダーフレームとリングガイド付きの丸型プロフィール写真を数秒で作成できます。
どのように見えるかを確認してから、写真をアップロードしてください
まずフレームを選択してください
フレームスタイルを選択してください
51 frames available
写真をアップロードする
or browse files — PNG, JPEG, WebP
4 ステップでサークルフレームを追加
写真をアップロードする
横向き、縦向き、すでに正方形など、どのようなサイズや向きでも機能します。解像度の高いオリジナルでは、最も鮮明な円形の結果が得られます。
円の内側に配置します
ドラッグして写真をフレームの後ろに移動し、実際に表示したい部分が円ガイドの内側に収まるまでズームインまたはズームアウトします。
フレームスタイルを選択してください
無地の円、細い境界線、色付きのリング、またはソフト ドロップ シャドウから、画像が配置される場所に一致するものを選択します。
プレビューしてからダウンロードする
保存する前に、背後にある正方形のキャンバスではなく、ライブ円形プレビューを確認してください。円の中に表示されるものがプラットフォーム上に表示されます。
円フレームは、通常の長方形または正方形の写真をマスクして、円形の境界内のコンテンツのみが表示されるようにします。単純そうに聞こえますが、これがインターネット上のほぼすべてのプロフィール写真の背後にある正確なメカニズムです。WhatsApp、Instagram、Facebook、LinkedIn、Telegram、Discord、Slack、Zoom、YouTube ではすべて、円の中にアバターが表示されます。ただし、これらのプラットフォームのすべてが舞台裏で正方形の画像をアップロードするように求められます。
スクエアアップロードとサーキュラーディスプレイの間のギャップを埋める
「あなたがアップロードしたもの」と「人々が実際に見るもの」との間のギャップが、ほとんどのプロフィール写真が間違っているところです。正方形の写真には 4 つの角があります。その正方形に内接する円は、その総面積のおよそ 78% しか示していません。四隅を含む残りの領域が静かに切り取られます。
- 1
サプライズトリミングなし: 顔、ロゴ、または重要なテキストが端の近くにある場合、プラットフォームが円形マスクを適用した瞬間に消えます。
- 2
リアルタイムの循環プレビュー: ほとんどのネイティブ アップロード ツールは、警告を表示したり、サークル ガイドを表示したりしません。専用の円フレーム ツールを使用すると、コミットする前に真の円形の結果が表示されます。
これら 3 つの用語は同じ意味で使用されますが、解決する問題は少し異なります。
スクエアクロップ
写真を強制的に 1:1 の正方形にするだけです。プラットフォームがその上に独自の円形マスクを適用すると、その正方形がどのように見えるかについては何も語られていません。
サークルクロップ
写真を円形に切り取り、その外側のすべてを破棄します。画像を円としてのみ使用する予定がある場合に便利です (たとえば、背景が透明な PNG をエクスポートする場合)。
サークルフレーム
円のトリミングと同じことを行いますが、円自体の周囲に目に見える境界線 (境界線、リング、影、または装飾エッジ) を追加するため、写真が意図的にフレームに収まるようになります。
WhatsApp または Instagram が自動的にマスクする基礎となる正方形のファイルのみが必要な場合は、フレーミングを確認するには単純な円のプレビューで十分です。 Web サイトのチーム ページ、電子メールの署名、印刷されたバッジ、またはデザインのモックアップなど、独立した円形の画像が必要な場合は、フレーム自体 (境界線の色、太さ、影) が最終結果の一部となるため、慎重に選択する価値があります。
Live Frame Style Preview
Click a frame style below to see how the circular avatar changes in real-time!
同じ循環ロジックは、小さなアバターが表示されるほぼすべての場所に適用されますが、理想的なサイズはプラットフォームによって若干異なります。
| プラットフォーム | 一般的なアバター表示 | 注意事項 |
|---|---|---|
| 円形、約 640 ～ 1080 ピクセルのソース | 正方形アップロード、円形表示とサムネイル | |
| 円形、最小 320×320 ピクセル | 小さいサイズでは大幅に圧縮されます - 大きいサイズから始めます | |
| 円形、170×170 ピクセルのディスプレイ | 正方形のアップロードが必要です | |
| 円形、400×400 ピクセルを推奨 | デスクトップのプロフィール ビューで大きく表示されます | |
| Telegram | 円形 | スクエアアップロード、自動マスク |
| Discord | 円形、最小 128×128 ピクセル | チャットでは非常に小さいサイズで表示されます |
| Zoom / Slack | 円形 | 正方形アップロード、小さい表示サイズ |
表示ロジックはこれらすべてで同一であるため、あるプラットフォームでプレビューして承認した円フレームは、通常、他のプラットフォームでも正しく表示されます。主に変更されるのは、フレーム自体ではなく、開始する解像度です。
プロフィール写真をトリミングした後の最も一般的な苦情は、「サイズが間違っている」ということではなく、「なぜ頭が切れてしまったのか」または「なぜロゴが半分欠けているのか」です。それはほとんどの場合、解像度ではなく位置決めに帰着します。いくつかの調整により違いが生じます。
ズームインする前にズームアウトしてください
被写体をフレーム内で小さくしてから開始し、適切な切り抜きに向かってズームすると、きつくズームした画像を所定の位置に押し込むよりも制御しやすくなります。
頭ではなく目を中心に
ポートレートの場合、顎と肩がフレームの下に向かって自然に細くなるため、目の高さを円のほぼ中央上部に保つ方が、中心よりも自然に見える傾向があります。
ロゴの周りに余白を残す
正方形の端の約 20% 以内にあるものは、円形マスクの外に落ちる危険があります。ロゴとテキストを必要以上に中央に近づけてください。
円形プレビューを使用する
画面上で編集している四角形は表示されるものではありません。何かが切り取られていないかどうかの最終判断として、必ず円形のプレビューを確認してください。
Image Quality Simulator
Test compression quality and file size retention live!
Quality Simulator
Drag the slider to see the effect of quality settings
Ultra HD Quality
Crisp, studio-quality detail
Tip: For WhatsApp, 80–95% quality gives the best balance. WhatsApp re-compresses images anyway, so ultra-high quality (100%) may not be noticeable.
PNG vs JPEG vs WebP
Compare formats, transparency, and compression trade-offs.
Format Comparison
Click a format to explore its properties
PNG Format
Logos, graphics, sharp text
Avg Size
~200–600 KB
Transparency
Pros
Cons
Get the Perfect DP
Expert advice to make your WhatsApp profile picture look stunning every time.
最初に正方形の周りをしっかりとトリミングし、次にその上に円のフレームを適用します。これにより、トリミングが複雑になり、意図した以上に切り取られることがよくあります。
フルサイズでは問題なく読めるが、40 ～ 60 ピクセルのチャット アバターに縮小すると視覚的なノイズに変わる、大胆なパターンの境界線を選択します。
被写体がすでに中心からずれている写真を、最初に円の中に再配置するのではなく、フレーミングします。
1 つのプラットフォームでのサークル フレーム プレビューでは、どこでも同じフレームが保証されると仮定します。最終的なアプリとして扱う前に、必ず実際のアプリでスポットチェックを行ってください。
低解像度の画像から始めて、その上に境界線を追加すると、ベースの写真の柔らかさが弱まるのではなく、さらに目立つようになります。
円のクロップでは、円の境界の外側にあるすべてのものを削除します。円フレームはこれに加えて、エッジの周囲に目に見える境界線、リング、または影を追加するため、円は突然切れるのではなく、明確な境界を持ちます。
はい — WhatsApp は正方形の画像を受け入れ、それを独自の円形マスクの内側に表示します。そのため、サポートされている正方形の解像度でアップロードした場合、すでにフレームに入れられて円としてプレビューされている写真は厳密に一致します。
適度に高解像度のソースから開始する限り、意味はありません。境界線自体は薄いオーバーレイであり、その下の写真の解像度には影響しません。
はい — PNG としてエクスポートすると、円の外側の領域が透明なままになります。これは、Web サイト���ドキュメントなど、円をカスタム背景に直接配置したいチャット アプリ以外のあらゆるものに便利です。
少なくとも 640 × 640 ピクセル、理想的には 1080 × 1080 ピクセルから開始すると、マスクに作業に十分な詳細が与えられます。円は元の正方形の一部のみを表示するため、低解像度のソースの柔らかさは、トリミングするとより目立つようになります。
ほとんどのエディタでは、デフォルトで正方形のキャンバスが表示されます。円形のプレビューはプラットフォームが実際に表示する形状であるため、常に円形のプレビューを特に確認してください。正方形のビューでは適切にフレーム化されているように見える写真でも、円形のマスクが適用されると重要なディテールが失われる可能性があります。
写真をフレームに入れる準備はできましたか?
所要時間は 30 秒もかかりません。アカウントがありません。透かしはありません。完全に無料です。