シルギア

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

公開日:2026年8月11日 対象ツール:画像トリミング(切り抜き)

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

トリミングが役立つ場面

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

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

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

  • 1:1(正方形):SNSのアイコンやサムネイル向け。
  • 4:3:一般的な写真やスライドに収まりやすい比率。
  • 16:9:動画のサムネイルや横長バナー向け。
  • 9:16:スマホの縦型投稿・ストーリーズ向け。

形を問わず好きなように切りたいときは「自由」を選べば、縦横それぞれを自由に調整できます。

きれいに切り抜くコツ

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

使い方

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

よくある質問

切り抜くと画質は落ちますか

落ちません。切り抜きは画面上の見かけの表示サイズではなく、元画像の解像度(ピクセル数)そのままで行われます。プレビューの座標を内部で元画像のピクセル座標へ換算し、その領域だけを等倍で書き出すため、切り抜いた部分は元の画質を保ちます。切り抜き後の寸法は、選んだ範囲のピクセル数になります。

正方形やSNS向けの比率で切り抜けますか

はい。アスペクト比から 1:1(正方形)・4:3・16:9・9:16 を選ぶと、枠がその縦横比を保ったままサイズ変更できます。アイコンやサムネイルは 1:1、動画サムネイルや横長バナーは 16:9、スマホの縦型投稿は 9:16 が一般的な目安です。比率を「自由」にすれば好きな形に切り抜けます。

スマートフォンのタッチ操作でも枠を動かせますか

はい。切り抜き枠はマウスでもタッチでも操作でき、内側をドラッグして移動、四隅や各辺のハンドルをつまんでサイズ変更できます。操作中はページのスクロールやズームに邪魔されないよう調整しているので、スマホでも狙った範囲に合わせやすくなっています。

選んだ画像はどこかにアップロードされますか

いいえ。読み込み・切り抜き・書き出しはすべてお使いのブラウザ内(Canvas)で行われ、画像データがサーバーへ送信されることはありません。オフラインでも動作するので、プライバシーが気になる写真や社内資料のスクリーンショットでも安心して使えます。無料でご利用いただけます。

用途に合う比率で範囲を決め、被写体の位置を整えるだけで、狙いどおりの一枚に仕上がります。画像はすべて端末内で処理され外部に出ないので、気軽に切り抜きを試してみてください。

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

ほかの記事

インスタやXで使えるおしゃれ文字の作り方|特殊文字をコピペで無料変換 文章を音声で読み上げる方法|無料・アプリ不要でブラウザ完結(非送信) 画像をPDFにまとめる方法|複数の写真を1つのPDFにブラウザで無料変換 PDFを結合・分割・回転する方法|アプリ不要・ブラウザで無料・非送信 画像を丸く切り抜く方法|SNSアイコンを透過PNGでブラウザ作成 バーコードの作り方|JAN・EAN-13やCode128をブラウザで無料生成

記事一覧をすべて見る →