写真をオンラインで切り抜いてサイズに合わせる:マーケットプレイスとSNSのための縦横比ガイド


写真編集

写真をオンラインで切り抜いてサイズに合わせる:マーケットプレイスとSNSのための縦横比ガイド

クロップがリサイズとどう違うのか、マーケットプレイスやSNSがどんな縦横比を求めるのか、そして一番大事な部分をどう切り落とさずに済むのかを整理します。代表的なサイズの表と、よくある失敗の解説つきです。

そもそもなぜ写真を切り抜くのか、そしてなぜそれが些細でないのか

写真を切り抜くのは一瞬の作業に思えます。角を引っ張れば完了、と。しかしまさにこの工程で、商品カードやSNSの投稿が最も頻繁に崩れます。プラットフォームは特定の縦横比を厳しく要求し、もし違う縦横比の写真を送ると、自動処理が適当に切り落とすか、白い余白を足すか、あるいはアップロードそのものを拒否します。私たちのスタジオでは毎日、マーケットプレイスやSNS向けに何百ものカットを用意していますが、同じ落とし穴を何度も見ます。商品が端からはみ出す、顎で顔が切れる、インフォグラフィックが楕円に引き伸ばされる。このガイドではすべてを整理します。どこでどんな縦横比が必要か、クロップとリサイズがどう違うか、くっきりさを保ちながら大事なものを捨てない方法です。手間をかけたくなければ、各プラットフォーム向けのプリセットを備えたツールで、一分で写真をオンライン切り抜きできます。

縦横比:マーケットプレイスは3:4、SNSは1:1・4:5・9:16

縦横比とは、カットの幅と高さの割合です。これは絶対的なピクセル数より重要です。プラットフォームは画像を自分でスケールしますが、縦横比がその格子に合わなければ、余白や切り落としが始まります。主要な形式を見ていきます。

3:4(縦、マーケットプレイス)。 これは商品カードの基本標準です。マーケットプレイスは写真を縦で表示します。一覧でもカードでも、縦のほうが画面の面積を多く占め、よく売れるからです。900x1200、1200x1600、1500x2000ピクセルの写真は、すべて同じ3:4という縦横比です。これを守れば商品は切れません。

1:1(正方形)。 汎用の形式です。アイコン、プレビュー、一部のバナー、古いSNSの一覧に向きます。マーケットプレイスも正方形を受け付けますが、表示面積の点でほぼ常に縦のほうが有利です。

4:5(SNSの一覧向けの縦)。 これはSNSの一覧で許される最も縦長の比です。サイズは1080x1350。正方形より高さを多く占めるので、スクロール時に目立ちます。より細い写真を載せると、プラットフォームが自分で4:5に、たいてい中央基準で切り落とし、それが必ずしもうまくいくとは限りません。

9:16(ストーリーズと縦動画)。 全画面の縦形式で、1080x1920です。ストーリーズやショート動画で使われます。重要な注意点。上下のおよそ250ピクセルはインターフェース(アイコン、キャプション、ボタン)に重なるので、主要な被写体と文字は中央の安全ゾーンに置いてください。

この工程でよくある失敗です。

  • 縦が必要な場所に横の写真を上げる。 アルゴリズムが左右を切り落とし、商品が枠外へはみ出します。
  • 3:4と4:5を混同する。 近いですが等しくなく、その差でマーケットプレイスに細い余白が現れます。
  • 正方形をストーリーズに上げる。 上下に巨大な空白の帯ができます。

縦横比を頭の中で計算しなくて済むよう、用意されたプリセットを選ぶのが便利です。ツールでは3:4、1:1、4:5、9:16にすぐ合わせて写真をオンライン切り抜きでき、圧縮や変換も必要なら隣接するツールを見てください。商品写真を体系的に用意する人には、撮影の段階でカットを意識する解説(マーケットプレイス向けの商品撮影の方法)が役立ちます。

リサイズとクロップ:どう違い、いつどちらを使うか

最も頻繁に混同される二つの言葉です。違いは本質的で、写真がまともなまま残るかどうかがそこにかかっています。

クロップ(切り抜き、トリミング)は画像の一部を取り除きます。端の余分を切り、枠の内側にあるものは元の縮尺のまま残ります。何を残すかをあなたが決めるので、縦横比が変わります。クロップは、写真をプラットフォームの縦横比に合わせるとき、あるいは端の余分(他人の手、机の端、隅のゴミ)を取り除くときに必要です。

リサイズ(拡大縮小)は画像全体の大きさを変え、何も捨てません。変わるのはピクセルの寸法だけです。縦横比を保ってリサイズすれば、画像はただ小さくなるか大きくなるだけです。保たずに行うと、引き伸ばされたり押しつぶされたりして、そこから災難が始まります。

シンプルなルール。まず必要な縦横比にクロップし、その後で必要なピクセルにリサイズする。 つまり、まず何がカットに入りどの縦横比かを決め、それから1200x1600のような最終サイズにそろえます。

クロップを使うとき。

  • 写真が4:3で撮られたが、3:4が必要。回転はできないので、縦にトリミングする必要があります。
  • 商品がカットの半分を占め、残りが空白。クロップで被写体に寄せます。
  • 隅に余分が入った。ここでは余分を消す解説も役立ちます。

リサイズを使うとき。

  • 縦横比はすでに正しいが、ファイルがピクセルや容量で大きすぎる。
  • プラットフォームの幅のピクセル要件に合わせる必要がある。

絶対にやってはいけないのは、必要な形式を埋めるために縦横比を保たずカットを引き伸ばすことです。顔が伸び、丸い物が楕円になり、インフォグラフィックの文字がにじみます。写真が必要な縦横比に足りないなら、引き伸ばさずクロップしてください。クロップ後に解像度が足りなければ、正しく拡大するほうが良く、それについては別記事「写真の解像度をオンラインで上げる」があります。仕組みをより深く理解したい人には、ピクセル、インチ、DPIの関係を解説した記事(Photoshopでの写真サイズ)が役立ちます。

画質を落とさずに切り抜く:ピクセル、形式、くっきりさ

クロップそのものは画質を悪くしません。ピクセルの一部を切るだけで、残りは触られないからです。画質の低下は隣接する操作で現れ、そこで注意が必要です。

1. 小さく切りすぎない。 1000x1000の写真から中央の300x300の正方形を切り出し、それを1000x1000へ引き伸ばし直すと、画像はぼやけます。物理的に情報は300ピクセル分しかなかったのです。ですから、原本は大きな解像度で撮って保管し、クロップは大きな原本から行います。

2. プラットフォーム向けの最終ピクセルに気を配る。 マーケットプレイスは大きな辺を好みます。900x1200以上を推奨し、最適は1200x1600、長辺で最大数千ピクセルまで許すところもあります。別のプラットフォームは最低700x900、望ましくは1200x1600を待ちます。クロップ後に最低値を下回ると、写真は拒否されるか、プラットフォームの拡大でぼやけます。

3. 正しいファイル形式を選ぶ。 商品写真にはJPG、透過背景のグラフィックやはっきりした線と文字のインフォグラフィックにはPNGです。JPGで保存するとき、画質を80パーセントより下げないでください。さもないと単色の背景にアーティファクトが出ます。ファイルが重くなったら、別途圧縮するほうが良く、サイト用には現代的な形式(AVIF)もあります。

4. 何度も保存し直さない。 JPGの再保存のたびに新しい圧縮と新しい損失が生じます。トリミングして一度保存したら、以後はそのファイルで作業するか、原本へ戻ります。

くっきりさを殺すよくある失敗です。

  • スクリーンショットやプレビューからのクロップ。 メッセンジャーの縮小コピーではなく原本を使ってください。
  • HEICを変換せずにクロップ。 iPhoneの写真はしばしばHEICで、エディタがそれをつぶします。先にJPGへ変換します(HEICをJPGへ、というツールがあります)。
  • クロップ後のシャープの入れすぎ。 輪郭に沿って白いにじみが現れます。

プログラムなしで素早く済ませたいなら、一分で写真をオンライン切り抜きできます。ツールは利用可能な最大の画質を保ち、ファイルを余計に再パッケージしません。Photoshopで作業する人には、手順ガイド(Photoshopでの写真の切り抜き方)が役立ちます。

すべてを頭の中に保つのは大変なので、実用的なサイズを一つのリストにまとめました。これはカードやコンテンツを毎日用意する際に基準にしている値です。

マーケットプレイス(縦3:4):

  • 一般的なマーケットプレイス: 900x1200以上、最適は1200x1600、長辺で数千ピクセルまで。形式はJPGかPNG、背景はたいてい白か明るい色。
  • 別のマーケットプレイス: 最低700x900、推奨は1200x1600以上。縦横比3:4、メイン写真は白い背景。
  • さらに別のマーケットプレイス: 600x600以上、1000x1000以上を推奨、正方形も縦も許容。メイン画像は白い背景。

SNS:

  • 一覧、正方形1:1: 1080x1080。
  • 一覧、縦4:5: 1080x1350、一覧での最大の高さ。
  • ストーリーズとショート動画、9:16: 1080x1920、安全ゾーンは中央。
  • 横16:9: 1920x1080、動画のカバーやヘッダー向け。

書類と公的手続き:

  • 証明写真(縦横比3:4): 印刷標準は35x45mm。多くの場合600x800ピクセル以上のJPGを上げ、顔は許容の枠内に厳密に収め、上下の余白を守ります。
  • プロフィールのアイコン: 正方形1:1、400x400以上。

サイズを扱う際の主な失敗です。

  • プラットフォームの最低値より小さい写真を上げる。 結果は、ぼやけかアップロード拒否です。
  • 一枚の写真をすべての形式に押し込む。 3:4、1:1、9:16には別々のトリミングが必要で、一枚を引き伸ばすのは違います。
  • ストーリーズの安全ゾーンを忘れる。 価格や呼びかけがボタンの下に隠れます。
  • インフォグラフィックをクロップして文字の端を失う。 トリミング前に、すべての文字が枠内にあるか確認します。

商品写真を束で用意するなら、マーケットプレイス向けの準備ツールで作業するほうが便利です。写真を必要な縦横比と背景にすぐそろえてくれます。カード自体の加工には、切り抜き(被写体を白い背景に切り出す)とインフォグラフィックの用意があります。

縦横比に合わせる単純なクロップは、一分で自分でできます。ここに職人は要りません。しかし手作業が神経も売上も節約してくれる場合もあります。第一は大量のとき。数百のカードを3:4と統一の背景にそろえる必要があるとき、大切なのは切り抜きだけでなく、同じ構図、商品の中央そろえ、余白で、シリーズがカタログの中でそろって見えることです。第二は難しいカット。クロップ後に問題が浮かぶとき、商品がうまく切れていない、背景が不均一で、まず被写体を切り出してからトリミングする必要がある、といった場合です。第三は原本が弱い、小さい、しわだらけで、素朴なクロップが欠点を露わにするだけの状況で、ここではトリミング前にレタッチと適切な拡大が要ります。私たちはこれを束でひとつの基準に沿って行い、カードがばらばらの寄せ集めではなく一つのシリーズに見えるようにします。日常の作業には、オンラインツールを使うほうが速くて簡単です。

肝心なのはこう覚えることです。まずプラットフォーム向けの縦横比を選び(マーケットプレイスは3:4、一覧は1:1と4:5、ストーリーズは9:16)、それからクロップし、最後にようやく必要なピクセルへリサイズします。決して縦横比を保たずにカットを引き伸ばさず、小さなプレビューからクロップせず、大きな原本を保ちます。プラットフォームの最低値を守り、枠に大事なものがすべて入り余分が外れたか確認します。ルールが分かれば、切り抜き自体は数秒です。数字と格闘したくなければ、各プラットフォーム向けのプリセットを備えたツールを開いて一分で写真をオンライン切り抜きしてください。

トリミング時の構図:三分割法と被写体の周りの余白

切り抜きは必要な縦横比に収めることだけでなく、被写体がカットの中でどう配置されるかについてでもあります。最も簡単で実用的なやり方が三分割法です。カットを水平と垂直に三分割し、主要なものを線の交点や線に沿って配置します。そうすると、被写体をただ中央に押し込むより、写真が生き生きとして釣り合って見えます。商品撮影では中央そろえも適切ですが、そこでも被写体が枠の境界に突き当たらず窮屈に見えないよう、端に少し余白を残すことが大切です。

トリミングの際は、端に何が入るかに気を配ります。半分に切れた物、隅の偶然の物、切れた影、これらはすべて注意を奪い、カットを安っぽくします。視線がすぐ主要なものへ向かい、背景がそれを引き立て、争わないように切り抜きます。商品が縦長なら縦のクロップが高さを強調し、横長なら横のクロップがより有利に見せます。正しい切り抜きは中程度の写真すら救い、まずい切り抜きは良い写真を台無しにします。

用途別のトリミング:マーケットプレイス、SNS、書類

各プラットフォームにはカットの独自の論理があり、同じ一枚が用途によって別々に切り抜かれます。主な方向ごとに実務を見ていきます。

マーケットプレイス

多くのマーケットプレイスは縦3対4で動くので、それ向けには縦にトリミングし、商品を中央ゾーンに残します。正方形1対1を好むプラットフォームでは、中央でクロップし、商品が端に触れないよう気を配ります。正方形のプレビューを表示するサービスにも正方形が便利です。マルチ形式の鍵は、端に余裕を持って撮ることです。そうすれば一枚のカットから縦も正方形も切り出せます。

SNS

多くのSNSの一覧は縦4対5を最もよく表示し、画面を多く占めます。ストーリーズと縦動画は全画面の9対16です。正方形1対1は格子とプレビューに汎用です。カバーや横の投稿には16対9か1.91対1を取ります。

アイコンと書類

アイコンは顔かロゴを中央に置いた厳密な正方形1対1で、上に少し余白を取ります。証明写真は標準の縦横比にトリミングします。多くの書類向けの3対4、パスポートやビザ向けの35対45ミリメートルで、余白と頭の位置を守ります。ここではクロップが正確でなければなりません。要件からのずれは拒否だからです。

🛠 gdefoto ツール
ブラウザでそのまま写真を編集
レイヤー・ブラシ・マスク対応のオンライン編集ツールと、目的別のクイックツール。インストールも登録も不要。
🎨 オンライン編集ツールを開く →

電話で写真を切り抜く方法

トリミングはコンピュータでなくてもよく、電話が一分でこなします。iPhoneでは写真を開き、編集を押し、次にトリミングのアイコンを押し、リストから必要な比を選ぶか手動で指定し、枠の角を引っ張って保存します。Androidの写真アプリや内蔵ギャラリーでも論理は同じです。編集、トリミング、比の選択、枠の調整。電話での手動切り抜きの難点は、3対4のような正確な比に収めることや、数十枚で同じクロップを実現することが難しい点です。特定のプラットフォーム向けにそろった結果が必要なら、ページ上のツールでやるほうが速く正確です。指定した比で数クリックで切り抜き、すぐに完成ファイルを渡してくれます。

一括切り抜き:たくさんの写真を素早く同じに切る

写真が数十枚や数百枚あるとき、一枚ずつ手で切り抜くのは何時間もの作業と避けられないばらつきです。流れで扱う店舗や販売者にとって最も大切なのは統一性です。全カードが一つの比、商品がカットの同じ位置、同じ余白。そろって切り抜かれた写真の格子は、すぐにプロの陳列だと伝わります。一括切り抜きがこれを解決します。比とクロップのルールを一度決めれば、ツールがそれを一群すべてに適用します。私たちの経験では、宝飾店やアパレルブランドのカタログを用意する際、写真ごとのばらつきではなくシリーズ全体を通じた統一のクロップこそが、きちんとした店舗と急ごしらえの陳列を分けます。こうした統一の基準は何時間も節約し、カードを予測どおりきれいにします。

証明写真のトリミング:パスポート、ビザ、履歴書

証明写真は、構図や美しさではなく標準の正確な遵守が大切な、独立したトリミングの分野です。縦横比や頭の位置の誤りは拒否を意味するので、丁寧に切る必要があります。

  • パスポート、ビザ、多くのビザ申請書: 35対45ミリメートル、顔は高さのおよそ70〜80パーセントを占め、視線はまっすぐ、頭上に少し余白。
  • 縦横比3対4の書類: 各種の身分書類、証明書で、比3対4で顔は中央。
  • 履歴書やビジネスSNSの写真: たいてい正方形1対1かポートレートの縦、頭と肩、ビジネス的で中立の背景。
  • 一部の国のビザ: 厳密な正方形2対2インチ、51対51ミリメートルで、余白に厳しい要件。

印刷やポータルへのアップロードの前に、具体的な機関の要件を確認してください。細部が異なることがあります。必要な標準への正確なクロップが、受付での拒否の原因の大半を取り除きます。

トリミングでよくある失敗

  • 小さいサイズまでクロップ。 大きな写真から小さな断片を切り出し、ぼやけました。切り抜き後は、プラットフォームの要件に足りるだけのピクセルが残るべきです。
  • 大事な部分の切り落とし。 商品の端、ロゴ、顔の一部を切りました。保存前にカットの境界を確認します。
  • 誤った縦横比。 縦が必要なプラットフォーム向けに正方形へ切り、結果として写真が白い余白付きで収まり小さくなります。
  • 一群でのばらつき。 各写真が目分量で思い思いに切られ、ギャラリーが雑に見えます。統一の比とクロップのルールを設定します。
  • 切り抜きの代わりに引き伸ばし。 クロップの代わりに縦横比を変え、被写体が押しつぶされたり伸びたりします。カットは変形ではなく切り抜きで変えます。

写真の切り抜きについてのよくある質問

切り抜きで画質は落ちますか

トリミング自体は残った部分を悪くしません。ピクセルは再計算されないからです。画質が落ちるのは、小さすぎる断片を切り出したときだけで、そこにはピクセルがわずかしか残りません。結果がプラットフォームの必要サイズに収まるように切り抜いてください。

切り抜きとサイズ変更の違いは何ですか

切り抜きはカットの一部を取り除いて縦横比を変え、サイズ変更は中身を失わずに画像全体を縮小または拡大します。しばしば一緒に使われます。まず必要な比にトリミングし、それから必要なピクセルサイズにそろえます。

3対4や1対1に正確に切り抜くには

比を受け付けて自分で比を保つツールが最も簡単です。手動で正確な比に収めるのは難しく、特に一群の写真では困難です。

たくさんの写真を一度に同じに切り抜けますか

はい、一括切り抜きで。比とクロップのルールを一度決めて一群すべてに適用します。時間を節約し、ギャラリー全体に統一の見た目を与えます。

印刷向けのトリミング:形式と余白

印刷向けの切り抜きは画面向けの準備と異なり、ここで間違えやすいです。標準の写真サイズにはそれぞれの縦横比があります。10x15センチはおよそ2対3、15x21は3対4に近く、20x30は再び2対3で、カメラの一般的なカット3対2は10x15にうまく収まり切り抜き不要です。写真の縦横比が紙のサイズに合わなければ、ラボが余分を切るか白い余白を残すので、何が切り取られるかを自分で管理できるよう、必要な比に前もって自分でトリミングするほうが良いです。

印刷には解像度も大切です。仕上がりサイズで約300ピクセル毎インチを見込んでください。さもないと印刷はくっきりしません。端に少し余裕、いわゆる裁ち落としの余白を残し、大事な細部や顔が縁ぎりぎりで切れないようにします。トリミング後、選んだ紙のサイズに足りるピクセルが残ったか確認してください。引き伸ばした小さな断片は、印刷では画面より目立って悪く見えます。

何を切り、何を残すかを決める方法

ときに最も難しいのは、カットの境界をどこに引くかを理解することです。一つの考えを起点にしてください。この写真で主要なものは何か、そしてその主要なものを見せるのに何が役立つか。物語に働かないもの、偶然の物、空の隅、気を散らす背景は、切り抜きの候補です。文脈と縮尺を与えるものは残す価値があります。商品なら被写体を大きく、加えて少しの余白で呼吸させます。ポートレートなら顔と肩に頭上の少しの空間、頭のてっぺんを切るのはほぼ常に失敗です。迷ったら、より詰めたものとより緩いものと、いくつかのクロップの案を作り、並べて比べてください。最良のものはたいていすぐ分かります。切り抜きはいつでもできますが、切ったものを戻すことはできないので、原本はまるごと保管し、トリミングは用途ごとにコピーで行ってください。

写真のお試し加工を無料でプレゼント

お写真を1枚アップロードしてください(商品、ジュエリー、ポートレートなど何でもOK)。24時間以内にプロ仕上げの加工結果をメールでお届けします。
24時間以内にご返信スパムなし、結果だけお届けご希望でデータを削除