👤 プロフィール画像クロッパー

プロフィール画像をクロップし、各プラットフォームでの円形表示をプレビュー — フォーカルをドラッグで完璧な中央配置

✓ ずっと無料 · ✓ 登録不要 · ✓ アップロード不要 · ✓ オフライン対応

🔒 画像がデバイスの外に出ることはありません。 すべての処理はCanvas 2D + オプションの円形クリップパス(ブラウザのみ)を使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。

特長

  • 8 プラットフォーム・プレビュー — Instagram、X (Twitter)、LinkedIn、Facebook、Discord、GitHub、YouTube、WhatsApp で円形表示されたときの正確な見え方を確認。各プラットフォームのネイティブ・サイズで。
  • フォーカル・ドラッグ — 元画像のどこかをクリックしてクロップ中心を設定。顔、目、または製品の詳細が円の安全域に残り、端で切れない。
  • 真の円形 PNG オプション — オプションで透明な角の PNG 出力 — プラットフォームが円形で表示する正方形ではなく、本物の円形画像。カスタム・アプリ、OBS シーン、署名などに有用。
  • 全プラットフォーム ZIP — すべてのプラットフォームの正しいサイズを 1 つの ZIP でダウンロード — プラットフォームごとに事前に命名済み。Instagram や LinkedIn のサイズを推測する必要なし。

仕組み

  1. ポートレートをドロップ — ヘッドショット、セルフィー、または製品写真。画像はブラウザに留まります。
  2. フォーカルをドラッグ — 中央にしたいものをクリック — 通常は顔。円形プレビューが即座に更新され、重要な要素がクリップされるかどうかが分かる。
  3. 出力形式を選ぶ — 正方形 JPEG(プラットフォームが自動的に円形表示)または透明な角の真円 PNG(本物の円形ファイルが必要なアプリ用)。
  4. ダウンロード — 1 つのプラットフォーム固有サイズを取得するか、Download All を押してすべてのプラットフォームの正しい寸法の ZIP を取得。

活用例

  • 新しい仕事、新しいヘッドショット — 全プラットフォームのプロフィール画像を一括更新
  • 複数のペルソナ?異なるプラットフォーム?1 枚の元写真から、すべてのバリアントを正しいサイズで
  • ブランド・ローンチ:Instagram、X、LinkedIn、Discord で同期したロゴ/創業者写真 — すべてネイティブ解像度
  • ストリーマー/OBS セットアップ:オーバーレイとシーン・アバター用の透明 PNG 円形バージョンを取得
  • 写真家のクライアント納品:ポートレート撮影を全プラットフォーム用の投稿可能なプロフィール画像に切り出す

よくある質問

なぜほとんどのプロフィール画像は円形で表示されるの?

現代の各プラットフォーム(Instagram、X、LinkedIn、Discord、Facebook、WhatsApp、YouTube)は UI 内でプロフィール画像を円形でレンダリングします。アップロードは正方形でもです。つまり、正方形の角にあるものは円形でクリップされます。プレビューは何が見えたままになるかを正確に示すので、投稿前にフォーカルを調整できます。

「透明な角」オプションは何のため?

オンにすると、出力は透明な角の真円 PNG です。本物の円形ファイル(プラットフォームが円形でレンダリングする正方形ではなく)が必要な場合に有用 — カスタム・アバター・オーバーレイを使用する Discord サーバー、OBS シーン、または署名など。ほとんどのユーザーは正方形 JPEG を求めます。ユースケースに必要な場合のみ透明を有効にしてください。

プラットフォーム別サイズとマスター・サイズのどちらを使うべき?

プラットフォーム別サイズは各プラットフォームの推奨アップロード寸法に合わせて調整されています(Instagram 320、LinkedIn 400、YouTube 800 など)— それ以上のダウンスケーリングは発生しません。マスター・サイズはアーカイブやここにリストされていないプラットフォームに使用できる 1 つの高解像度出力です。

プロフィール画像はクリップされる?

正方形のアップロードはほとんどのプラットフォームで円形として表示されます。正方形の 4 つの角(左上、右上、左下、右下)にあるものは円形マスクで隠されます。このツールの円形プレビューは何が見えたままになるかを正確に示します。フォーカルをドラッグして、正しいコンテンツを中央に。

元画像のアスペクト比はどうあるべき?

任意 — 自動的に正方形にカバークロップします。最良の結果を得るには、正方形または正方形に近い元画像が最も多くのクロップの柔軟性を提供します。横長または非常に縦長の元画像も機能しますが、両側の損失が多くなります。

画像はアップロードされる?

いいえ。クロッピングはブラウザの Canvas 2D で実行。オプションの円形 PNG もブラウザ内のクリップパスを使用。ネットワーク・リクエストに画像は載りません。DevTools → Network タブで検証可能。

関連ツール

💬 バグ、アイデア、ご挨拶など? Milo 🐨 に連絡 · [email protected]