シルギア

画像の切り抜き(トリミング)の使い方|正方形・16:9などアスペクト比を保って無料でクロップ

公開日:2026年8月11日 更新日:2026年9月2日 運営:シルギア(Analyzegear, Inc.) 対象ツール:画像トリミング(切り抜き)

「プロフィールアイコンを正方形で用意したい」「サムネイル用に横長で切りたい」「写真の余白や写り込みを削りたい」——画像を使うとき、必要な部分だけを四角く切り出したい場面は意外と多いものです。画像トリミング(切り抜き)は、画像を選んでプレビューに重なった枠をドラッグ・リサイズするだけで、好きな範囲を元の解像度のまま切り抜けるツールです。読み込みから書き出しまで、処理はすべてお使いのブラウザ内(Canvas)で行われ、選んだ画像がサーバーに送信されることはありません。無料で、オフラインでも動作します。

トリミングが役立つ場面

切り抜きは「余分を削る」だけでなく「構図を整える」道具でもあります。次のような用途でよく使われます。

  • SNSのプロフィールアイコン:多くは正方形(1:1)で表示されるため、顔まわりを正方形に切り抜くと収まりよく見えます。
  • 動画・記事のサムネイル:横長の16:9で切り抜くと、そのまま使いやすい構図になります。
  • 写真プリント用の調整:L判やKGなどに合わせ、横位置は3:2、縦位置は2:3で整えると、プリント時に上下左右が切れにくくなります。
  • 余白・写り込みのカット:スクリーンショットの不要な部分や、端に写り込んだものを削れます。

アスペクト比(縦横比)の考え方

アスペクト比とは「横:縦」の比率のことです。用途に合う比率で切り抜いておくと、あとで表示・印刷したときに間延びしたり端が切れたりしません。このツールでは自由・1:1・4:3・3:2・2:3・3:4・16:9・9:16から選べ、比率を固定すると枠はその縦横比を保ったまま、四隅・各辺のハンドルでサイズだけを変えられます。目安は次のとおりです。

  • 1:1(正方形):SNSのアイコンやサムネイル向け。
  • 4:3・3:2:一般的な写真の比率。3:2はL判プリントの横位置に近い比率です。
  • 2:3・3:4:縦位置の写真や、縦長のSNS投稿向け。
  • 16:9:動画のサムネイルや横長バナー向け。
  • 9:16:スマホの縦型投稿・ストーリーズ向け。

形を問わず自由に切りたいときは「自由」を選べば、動かした辺だけが変わり、縦横を別々に調整できます。

切り抜いても画質が落ちない仕組み

このツールの切り抜きは、画面上の見かけの表示サイズではなく、元画像の解像度(ピクセル数)そのままで行われます。枠の位置とサイズは画像に対する割合(0〜1)で保持しており、切り抜くときにその割合を元画像のピクセル座標へ換算し、該当領域だけを等倍で新しいキャンバスに描き出します。だから、拡大表示で作業していても仕上がりの画質は劣化しません。

具体例で確かめます。4000×3000pxの写真から、中央の正方形(1:1)を高さいっぱいに切り出すとします。高さ3000pxに合わせると幅も3000pxになり、切り抜き後の寸法は3000×3000pxです。横幅のちょうど半分(割合0.5)を選べば、切り抜き幅は4000×0.5=2000pxになります。16:9で幅1920pxの範囲を選んだ場合、高さは1920÷(16÷9)=1080pxとなり、そのまま1920×1080pxで書き出されます。いずれも表示倍率とは無関係に、選んだ範囲のピクセル数がそのまま結果になります。

きれいに切り抜くコツ

被写体を中央に寄せると安定した印象になり、アイコンのように小さく表示される用途に向きます。一方、風景や動きのある写真は、枠に表示される三分割のガイド線の交点付近に被写体を置く「三分割法」を意識すると、余白のバランスがとれて見栄えします。切り抜き枠の外側は暗く表示されるので、仕上がりの範囲をひと目で確認しながら調整できます。比率を固定してから位置だけ動かすと、狙った縦横比を保ったまま構図合わせに集中できます。

使い方の手順

  1. 「画像ファイルを選択」から画像を選ぶか、点線の枠内にドラッグ&ドロップします。読み込むと元の幅×高さが表示されます。
  2. プレビューに重なった切り抜き枠を、内側のドラッグで移動し、四隅・各辺のハンドルでサイズ変更して、残したい範囲に合わせます(タッチ操作にも対応)。
  3. 必要ならアスペクト比(自由/1:1/4:3/3:2/2:3/3:4/16:9/9:16)を選びます。固定すると枠は選んだ縦横比を保ったままリサイズできます。
  4. 出力形式(PNG/JPEG/WebP)を選びます。JPEG・WebPのときは品質スライダー(50〜100%)で画質とファイルサイズのバランスを調整できます。
  5. 「この範囲で切り抜く」を押すと、元解像度のまま切り出した画像・寸法・ファイルサイズが表示され、ダウンロードで保存できます(ファイル名末尾に -cropped が付きます)。

出力形式の選び方とプライバシー

透過や、くっきりした線・文字・図版を含む画像はPNGが向きます。写真のように色数の多い画像はJPEGWebPがファイルを小さくでき、WebPは同じ画質でもさらに小さくなりやすい形式です。JPEG・WebPを選ぶと品質スライダーが現れ、数値を下げるほどファイルは軽く、上げるほど画質重視になります。まとめて多数を処理する一括機能はありませんが、1枚ずつ範囲・比率・寸法・ファイルサイズを確認しながら確実に切り抜けます。読み込み・切り抜き・書き出しはすべて端末内で完結し、画像データが外部に出ることはないので、プライバシーが気になる写真や社内資料のスクリーンショットでも安心して使えます。

「画像トリミング(切り抜き)」を使ってみる →

ほかの記事

Unicode正規化ガイド|NFC/NFD/NFKC/NFKDの違いと使い分け Base58/Base32/Base16変換の仕組みガイド|なぜ0OIlを除くのか cubic-bezierイージング入門|4つの数値と制御点の意味を図解 文字化けを直す仕組み|バイトに戻して再デコードする復元の考え方 ULIDとは何か|26文字で時系列ソートできるIDの仕組みと使い分け ISBN変換・チェックの使い方|10桁と13桁の相互変換とチェックデジットの仕組み

記事一覧をすべて見る →