切り抜きは最もシンプルな写真編集です。画像の矩形を一つ残し、あとは捨てるだけ。傾いた写真をまっすぐにし、じゃまな背景を切り、横長の写真を正方形のアイコンにするのもこれです。実際に何が起きているのか、そして画像をぼかさずに切り抜く方法を見ていきましょう。
切り抜きはリサイズでも圧縮でもない
この三つはよく混同されますが、変えるものが違います:
- 切り抜き——画面の一部を残し、外周を捨てる。構図と寸法が変わり、残した画素はそのまま。
- リサイズ——画面全体を保ち、すべての画素を比例して縮小(または拡大)する。同じ絵で、画素が減る。
- 圧縮——寸法はそのまま、品質を下げてファイルサイズを縮める。
目的が「大事な部分だけ見せる」なら切り抜き。「同じ画像でファイルを小さく」ならサイズ変更や圧縮です。
切り抜き自体は劣化しない——でも形式は別
切り抜きは、選んだ画素を新しい小さな画像へコピーするだけです。残した画素は元とビット単位で同一です。画質を損ないうるのは保存する形式のほう。よい切り抜きツールは画面上の縮小プレビューではなく元の解像度から切り抜くので、小さな領域を囲んでも出力は鮮明です。そのあと JPG で書き出すと圧縮が一段かかり、PNG なら無劣化です。ブラウザの切り抜きツールはどちらも選べます。
きれいに切り抜くには
- 画像をアップロードすると、その上に選択枠が出ます。
- 枠をドラッグして残したい範囲を囲み、四隅を引いて選択の大きさを調整します。
- 画素の寸法表示を見れば、出力サイズがわかります。
- PNG(無劣化 / 透過)か JPG(写真は小さく)を選び、ダウンロードします。
なぜブラウザでやるのか
クライアント側の切り抜きツールはファイルをアップロードしません——<canvas> で画像をローカルに読み、ローカルで切り抜き、結果を渡します。速く、プライバシーも守られ、オフラインでも動きます。
関連ツール
よく使う縦横比と使いどころ
決まった比率で切り抜けば、あとで不格好な余白が付くのを防げます。とくに便利なもの:
| 比率 | 形 | 主な用途 |
|---|---|---|
| 1:1 | 正方形 | アイコン、プロフィール写真、商品サムネ |
| 16:9 | 横長 | 動画サムネ、スライド、バナー |
| 4:5 | 縦長 | Instagram の縦投稿 |
| 9:16 | 超縦長 | スマホ壁紙、ストーリーズ、リール |
| 3:2 | 定番の写真 | 印刷や多くのカメラの標準 |
ドラッグ中に比率をロックすれば、切り抜きが用途にぴたりと収まり、二度目のリサイズが要りません。
自由な切り抜き vs 比率固定
- 自由な切り抜き:選択枠を任意の形にできます——雑然とした部分を切ったり写真をまっすぐにしたいときに最適。
- 比率固定:枠を制約します——1:1 のアイコンや 16:9 のヘッダーなど、出力を枠に合わせる必要があるときに最適。
切り抜きを本当に無劣化に保つ
切り抜きは画素をコピーしますが、保存し直すとその利点が消えることがあります。JPG で書き出すと画像全体が再エンコードされ、そのたびに少し圧縮がかかります。元が JPG で画素単位で完璧な結果が欲しいなら、切り抜いて PNG で書き出しましょう。ウェブ向けで多少の画質妥協が許せるなら、JPG のほうが軽くなります。
よくある誤解
- 「切り抜きは拡大して画像をぼかす」 画素を足すのではなく、枠の外の画素を取り除くだけです。ぼけるのは、あとでその小さな切り抜きを拡大したときだけ。
- 「きつく切るほどファイルは必ず小さくなる」 たいてい小さくなります(画素が減るため)が、最終サイズは形式と品質設定で決まります。
よくある質問
切り抜くと解像度(DPI)は変わりますか?
変わるのは画素寸法で、DPI の値ではありません。切り抜くと画素が減るので、同じ DPI なら単に小さく印刷されます。
きつく切りすぎました——縁は戻せますか?
戻せません。捨てた画素は消えています。あとで全体が必要になりそうなら、原本を残して複製を切り抜きましょう。
切り抜きを正確な画素サイズにするには?
まず被写体を枠に収めて切り抜き、次に正確な寸法を指定します——画質を落とさず画像をリサイズする方法を参照。