ソーシャルメディアのアスペクト比に画像をクロップする
プラットフォームに自動クロップされるのはもう終わり。Instagram、Facebook、Twitter/X、YouTube向けに適切なアスペクト比で完璧にフレーミングしましょう。
今すぐ画像をクロップはじめに
ソーシャルメディアプラットフォームにはそれぞれ「正しい」画像の形があります。写真がそれに合わない場合、プラットフォームが自動的にクロップします -- しばしば、構図を成り立たせていた顔、テキストオーバーレイ、重要なディテールを切り落とします。
Instagram、Facebook、Twitter/X、YouTubeのアスペクト比を把握するのは大変です。各配置(投稿、ストーリー、カバー、プロフィール)のピクセル寸法を手動で計算すると、コンテンツワークフローが遅くなりミスを招きます。
このチュートリアルでは、ソーシャルメディアのアスペクト比の完全な最新リファレンスを提供し、ImageSizrの無料クロップツールを使って各アスペクト比に画像をクロップする手順を解説します。すべてのステップはブラウザ内で直接行われ、登録不要、サーバーへのファイルアップロードなし、プライバシーの心配もありません。
ソーシャルメディア アスペクト比リファレンス
ソーシャルプラットフォーム用の画像を準備する際のクイックリファレンスとして以下の表をお使いください。コンテンツ企画中にすぐアクセスできるよう、このページをブックマークしておきましょう。
| プラットフォーム | 配置 | アスペクト比 | 推奨ピクセル |
|---|---|---|---|
| プロフィール画像 | 1:1 | 320 x 320 | |
| 正方形投稿 | 1:1 | 1080 x 1080 | |
| 縦長投稿 | 4:5 | 1080 x 1350 | |
| 横長投稿 | 1.91:1 | 1080 x 566 | |
| ストーリー / リール | 9:16 | 1080 x 1920 | |
| プロフィール画像 | 1:1 | 320 x 320 | |
| カバー写真 | 2.63:1 | 820 x 312 | |
| 共有画像 | 1.91:1 | 1200 x 630 | |
| ストーリー | 9:16 | 1080 x 1920 | |
| Twitter/X | プロフィール画像 | 1:1 | 400 x 400 |
| Twitter/X | ヘッダー | 3:1 | 1500 x 500 |
| Twitter/X | インストリーム / ツイート画像 | 16:9 | 1200 x 675 |
| YouTube | サムネイル | 16:9 | 1280 x 720 |
| YouTube | チャンネルカバー | 16:9 | 2560 x 1440 |
| YouTube | プロフィール画像 | 1:1 | 800 x 800 |
画像をステップバイステップでクロップする方法
ステップ1:画像をアップロード
ImageSizrクロップツールを開き、画像を追加します。ファイルをドラッグ&ドロップ、「参照」をクリック、クリップボードから貼り付け(Ctrl/Cmd+V)、URLからインポート、またはGoogle Drive、Dropbox、OneDriveに接続できます。対応フォーマットはPNG、JPG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO、HEIC -- 1ファイル最大10MBです。
ステップ2:アスペクト比を選択
ツールバーからプリセットのアスペクト比を選びます:正方形投稿用の1:1、従来の写真プリント用の4:3、YouTubeサムネイルやTwitter画像用の16:9、標準的な写真用の3:2、ポートレートスタイルの配置用の2:3。比率制約なしでカスタム領域をドラッグするフリーフォームモードも使えます。
ステップ3:クロップ領域をフレーミング
クロップボックスをドラッグして、残したい領域を配置します。ハンドルを使って選択範囲のサイズを変更でき、選択したアスペクト比はロックされたままです。インタラクティブなCropperJSエディターにより、画像のどの部分を保持するか正確に制御できます。
ステップ4:出力フォーマットを選択
ドロップダウンから出力フォーマットを選択します:オリジナルフォーマットを維持するか、JPEG、PNG、WebPに切り替えます。選択はプラットフォームと画像に透過があるかどうかによります -- 次のセクションで詳しく説明します。
ステップ5:クロップ画像をダウンロード
「ダウンロード」をクリックして、クロップ結果をデバイスに直接保存します。ファイルは、お好みのソーシャルメディアプラットフォームにアップロードする準備ができています。
クロップ後の適切な出力フォーマットの選び方
エクスポートするフォーマットはファイルサイズと画質の両方に影響します。クイックガイドをご紹介します:
| フォーマット | 透過 | ファイルサイズ | 最適な用途 |
|---|---|---|---|
| JPEG | なし | 最小 | 透過のない写真、高速なソーシャルアップロード |
| PNG | あり | 大きい | グラフィック、ロゴ、テキストオーバーレイや透過のある画像 |
| WebP | あり | 小〜中 | モダンWeb用、優れた品質対サイズ比 |
フォーマット固有のクロップページについては、JPGクロップ、PNGクロップ、WebPクロップに直接アクセスできます。
ソース画像に透明な背景がある場合(ロゴや商品の切り抜きによくある)、JPEGにご注意ください -- 透過がソリッドな背景色(デフォルトは白)に置き換えられます。透過領域を保持するには、PNGまたはWebPでエクスポートしてください。詳しい手順は、画像エクスポート時の透過を保持する方法をご覧ください。
クロップしてからリサイズするワークフロー
クロップはアスペクト比を設定しますが、特定のピクセル寸法も必要かもしれません。最も確実なアプローチは2段階のワークフローです:
- クロップツールで正しい比率にクロップ(例:YouTubeサムネイル用に16:9を選択)。
- リサイズツールで正確なピクセル寸法にリサイズ(例:1280 x 720に設定)。
この分離により、クロップステップで正確なフレーミング制御、リサイズステップで正確な寸法制御が得られます。リサイズツールのソーシャルメディアプリセットでも、ワンクリックで2番目のステップを処理できます。
画像の向きがずれている場合 -- スマートフォンの写真でよくある問題 -- クロップ前に回転または反転してください。ImageSizrのクロップエディターには回転と反転のコントロールが組み込まれていますが、より多くのオプションが必要な場合は専用ツールもあります。向きの修正について詳しくは、写真の回転と反転でフレーミングを改善するをご覧ください。
まとめ
アップロード前に正しいアスペクト比にクロップすることで、すべてのソーシャルメディアプラットフォームで意図した通りに画像が表示されます。重要なディテールが切れる厄介な自動クロップはもうありません。クロップツールとリサイズツールを組み合わせればピクセルパーフェクトな結果が得られ、適切なエクスポートフォーマットを選べば品質とファイルサイズのバランスがとれます。
今すぐクロップを始めましょう -- ImageSizrの無料クロップツールに画像をアップロードしてアスペクト比を選択するだけ。数秒で完了、すべてブラウザ内で処理され、登録不要です。
よくある質問
画像をクロップするには?
ImageSizrクロップツールに画像をアップロードし、画像をクリックしてインタラクティブなクロップエリアを開き、残したい領域をドラッグで選択し、選択を確認して、「ダウンロード」をクリックして結果を保存します。
特定のアスペクト比にクロップできますか?
はい。プリセット比率(1:1、4:3、16:9、3:2、2:3)から選ぶか、制約なしのクロップにはフリーモードを使います。クロップボックスは選択した比率にロックされるので、すべての選択が完璧な比率になります。
画像はサーバーにアップロードされますか?
いいえ。すべての処理はブラウザ内で直接行われます。画像がデバイスの外に出ることはなく、データは完全にプライベートに保たれます。
対応している画像フォーマットは?
PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO、HEICファイルをアップロードできます。出力フォーマットにはOriginal、JPEG、PNG、WebP、ICOが含まれます。