一括円形クロップ — 透過PNGアバター、50枚以上を一瞬で

日本の主要SNSプラットフォームはすべて、プロフィール画像を円形で表示します。LINE、Twitter（X）、Instagram、Facebook、TikTok、YouTube — どのプラットフォームもアップロードされた画像に円形マスクを自動適用します。問題は、推奨アップロードサイズがプラットフォームごとに異なることです。適切なサイズでアップロードしないと、画面上でぼやけて表示されたり、意図しない部分が切り取られたりします。

実用的なルール：500×500pxの透過PNG円形画像を1つ作成すれば、YouTube（800×800px推奨）を除くすべてのプラットフォームで使用できます。

LINE、Twitter、Instagram、Facebook — ほぼすべての主要プラットフォームはプロフィール写真を円形で表示します。プラットフォーム側で自動的に円形マスクを適用しますが、自分で事前に円形にクロップしておくことで、円形フレーム内に何を表示するかを完全にコントロールできます。特に顔が端に寄っていたり、背景に気になる要素がある場合は、自分でトリミングする方が確実です。

• ステップ1 — 写真をアップロード

  アップロードエリアに写真をドラッグ＆ドロップ、またはクリックしてファイルを選択。JPG、PNG、WebP形式に対応。画像は正方形である必要はなく、横長・縦長の写真も正しく処理されます。正方形でない場合、円は短辺に合わせて自動調整され、画像の中央に配置されます。

• ステップ2 — 円の位置とサイズを調整

  画像上に円形クロップオーバーレイが表示されます。円をドラッグして位置を調整：顔や被写体を中心に配置してください。円は1:1（真円、楕円にはなりません）に固定されています。端のハンドルをドラッグしてサイズを変更し、適切な範囲を切り取ります。

• ステップ3 — 透過PNGとしてダウンロード

  「ダウンロード」をクリック。出力は透明背景のPNGファイルで、円の外側は完全に透明（アルファ=0）になります。そのままWebサイトにアップロードしたり、FigmaやPhotoshopにドラッグしたり、PowerPointのスライドに貼り付けたりできます。一括処理の場合、複数の画像を一度にアップロードし、すべての円形クロップPNGを1つのZIPアーカイブとしてダウンロードできます。

プロフィール画像はSNS上でのあなたの「顔」です。LINEではトーク一覧で常に表示され、Twitterではツイートごとに表示され、Instagramではプロフィールページで最初に目に入ります。円形にクロップした透過PNGを適切なサイズで準備することで、すべてのプラットフォームでプロフェッショナルな印象を与えられます。

500×500pxの円形クロップが1つあればほぼすべてのプラットフォームに対応できます。各プラットフォームは表示サイズに自動縮小します。唯一の例外はYouTubeで、チャンネルページで大きく表示されるため800×800pxを推奨します。

LINEの設定：LINEは日本で最も普及しているメッセンジャーアプリです。プロフィール画像はトーク一覧で常に表示されるため、500×500pxの正方形JPG推奨。LINEは透過PNGに対応していないため、透明部分は白く表示されます。本ツールで白背景オプションを選択してからアップロードすると意図通りの表示になります。

Twitter / Xの設定：プロフィール画像は円形表示。推奨サイズは400×400pxで、透過PNGが正しく表示されます。ヘッダー画像（1500×500px、3:1比率）と合わせて設定することで統一感が生まれます。

Instagramの設定：プロフィール画像は110×110pxで表示されますが、320×320pxでアップロード推奨。Instagramは透過PNG非対応のため透明部分は白くなります。JPGでアップロードしても同じ表示結果です。

YouTubeの設定：チャンネルアイコンは800×800px推奨。最も高解像度でのアップロードが必要です。チャンネルバナー（2560×1440px）と合わせて設定するとプロフェッショナルな印象に。

このツールのデフォルト出力は透過PNGです。円の外側は完全に透明（アルファ=0）で、白色の四角い背景はありません。透過PNGは画像を任意の背景色の上に配置したときに、円形のエッジがシームレスに溶け込みます。これはWebサイトのアバター、デザインファイル（Figma、Photoshop、Canva）、HTML/CSS要素にとって正しい形式です。

透過PNGを選ぶべきケース：

• ダークテーマやグラデーション背景のWebサイトにアップロードする場合
• デザインソフトで配置する場合（Figma、Photoshop、Canva、PowerPoint）
• CSSのborder-radius: 50%でWebページに円形アバターとして表示する場合
• 企業のチーム紹介ページや従業員ディレクトリで使用する場合

JPGでは透過できません：JPG形式は透明をサポートしていません。円形クロップをJPGで保存すると、円の外側は強制的に白く塗りつぶされ、「白い四角の中に円が浮かんでいる」画像になります。色付き背景の上に配置すると白い四角が目立ってしまいます。

InstagramとWhatsAppの注意点：これらのプラットフォームは透過PNGに対応していません。透過PNGをアップロードすると透明部分は白く表示されます。ファイルサイズを抑えたい場合は白背景のJPGが効率的です（透過PNGの約1/3のサイズ）。

円形クロップの出力形式は、単なるファイル形式の選択ではなく、デザイン上の判断です。白色の背景では両者は同じに見えますが、非白色の背景やデザインソフトで使用する場合に違いが現れます。