切り抜きの仕組み
切り抜きは画像の外側部分を削除し、選択範囲内の領域を残します。残ったピクセルは変更されず、選択範囲外のピクセルは破棄されます。これは画像全体のピクセル寸法を変更するリサイズとは異なります。特定の構図にしたい場合はまず切り抜き、正確な寸法が必要な場合はリサイズします。
自由な切り抜きと固定比率
自由な切り抜きでは、ハンドルをドラッグして任意の幅と高さにできます。被写体が中心から外れている場合や、特殊な形にしたい場合に使用します。
固定比率はドラッグ中に幅と高さの関係を固定するため、結果がプラットフォームの要件に一致します。よく使われる選択肢:
| 比率 | 形 | 一般的な用途 |
|---|---|---|
| 1:1 | 正方形 | プロフィール写真、アバター、Instagramグリッド |
| 4:3 | 横長 | 旧式カメラ、スライド、プリント |
| 16:9 | ワイド | 動画サムネイル、バナー、YouTube |
| 9:16 | 縦長 | ストーリーズ、リール、スマホ壁紙 |
| 3:2 | 横長 | ほとんどのデジタル一眼レフとミラーレス写真 |
ドラッグする前に比率を選んでください。そうしないと、構図を決めてから再調整が必要になる場合があります。
プロフィール写真用の切り抜き
プロフィール写真は通常、円形または正方形で表示されます。まず1:1に切り抜き、顔を中央に配置します。ほとんどのプラットフォームが使用する円形切り抜きで額にかからないよう、頭の上に少しスペースを残します。元の画像が横長の集合写真の場合、1:1の切り抜きは小さくなるので、実際に表示されるサイズで結果を確認してください。
バナーとサムネイル用の切り抜き
バナーと動画サムネイルは横長です。16:9の切り抜きはほとんどの動画プラットフォームで機能します。一部のレイアウトでは端にテキストや再生ボタンが重なるため、主要な被写体を中央付近か少し横にずらして配置します。4:1のヘッダーのような非常に横長のバナーの場合は、16:9に切り抜いて合うことを期待するのではなく、その比率に直接切り抜きます。
ストーリーズと縦動画用の切り抜き
ストーリーズと短い縦動画は9:16を使用します。横長の写真を9:16に切り抜くと細い縦帯だけが残るため、フレームの大部分が削除されてもよく見える被写体を選びます。元の画像がすでに縦長の場合、切り抜きは通常わずかです。
形式の選択
| 形式 | 最適な用途 | 備考 |
|---|---|---|
| JPG | 写真、メール、ウェブ | ファイルが小さい、透明非対応 |
| PNG | グラフィック、スクリーンショット、ロゴ | 透明対応、ファイルが大きい |
| WebP | ウェブページ | 圧縮が良い、ブラウザ対応が広い |
JPGとWebPは非可逆圧縮を使用するため、低い品質設定では目に見えるブロックノイズやぼやけたエッジが発生することがあります。PNGはシャープなエッジと透明を保持しますが、ファイルはしばしば大きくなります。ウェブページに載せる写真には、中程度の品質設定のWebPが通常良いバランスです。テキストを含むロゴやスクリーンショットには、非可逆圧縮が加えるぼやけたエッジを避けるためPNGが適しています。
操作の順序
- 必要な比率や形に切り抜きます。
- 保存先が要求する正確なピクセル寸法にリサイズします。
- 適切な形式で保存し、ファイルサイズを確認します。
リサイズの前に切り抜くことで、残す部分だけを拡大縮小するため、破棄される領域にピクセルを無駄にしません。
結果の確認
保存したファイルを開き、切り抜きの端をズームインします。切れた頭、途切れたテキスト、境界に近すぎる被写体がないか確認します。画像が円形で表示される場合は、そのようにプレビューします。長方形では問題なく見える切り抜きも、円形マスクを適用すると角が失われることがあります。
よくある質問
切り抜きは画質を低下させますか?
切り抜き自体は残すピクセルを変更しませんが、JPGやWebPで保存すると圧縮が適用され、細部が柔らかくなることがあります。それを避けたい場合はPNGで保存するか、高い品質設定を使用してください。
プロフィール写真にはどの比率を使うべきですか?
1:1を使用してください。ほとんどのプラットフォームはプロフィール写真を円形または正方形で表示するため、顔を中央に配置し少し頭上のスペースを残した正方形の切り抜きが適しています。
アップロードせずに画像を切り抜けますか?
はい。このツールはブラウザ内で動作するため、画像はデバイス上で処理され、サーバーに送信されません。ページが読み込まれた後はオフラインでも動作します。
切り抜きとリサイズの違いは何ですか?
切り抜きは外側の領域を削除し、残りのピクセルを元のサイズのまま保持します。リサイズは画像全体のピクセル寸法を変更します。正確な寸法が必要な場合は、まず切り抜いてからリサイズしてください。