画像の切り抜き(トリミング)の使い方|正方形・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:1/4:3/3:2/2:3/3:4/16:9/9:16)を選びます。固定すると枠は選んだ縦横比を保ったままリサイズできます。
- 出力形式(PNG/JPEG/WebP)を選びます。JPEG・WebPのときは品質スライダー(50〜100%)で画質とファイルサイズのバランスを調整できます。
- 「この範囲で切り抜く」を押すと、元解像度のまま切り出した画像・寸法・ファイルサイズが表示され、ダウンロードで保存できます(ファイル名末尾に -cropped が付きます)。
出力形式の選び方とプライバシー
透過や、くっきりした線・文字・図版を含む画像はPNGが向きます。写真のように色数の多い画像はJPEGかWebPがファイルを小さくでき、WebPは同じ画質でもさらに小さくなりやすい形式です。JPEG・WebPを選ぶと品質スライダーが現れ、数値を下げるほどファイルは軽く、上げるほど画質重視になります。まとめて多数を処理する一括機能はありませんが、1枚ずつ範囲・比率・寸法・ファイルサイズを確認しながら確実に切り抜けます。読み込み・切り抜き・書き出しはすべて端末内で完結し、画像データが外部に出ることはないので、プライバシーが気になる写真や社内資料のスクリーンショットでも安心して使えます。