コンテンツへスキップ

画像をトリミング

画像の上で枠をドラッグし、アイコンなら正方形、カバー画像なら16:9など、各サービスが求める比率にスナップしてトリミング。ファイルは保存されません。

  • 保存しません
  • 順番待ちなし
  • 登録不要・透かしなし

使い方

1

画像を追加

写真やスクリーンショットをページにドロップします。

2

トリミング範囲を決める

角または枠全体をドラッグします。1:1、4:3、16:9、3:2のプリセットにスナップするか、自由な比率のままにできます。正確なピクセル数がリアルタイムで表示されます。

3

トリミングしてダウンロード

元の形式のまま、枠内はフル画質で保存されます。

トリミングで失うもの、失わないもの

トリミングはピクセルを捨て、残りはそのまま保持します。リサンプリングも拡大縮小も補間もないので、残した部分は元の画像とピクセル単位で同一です。唯一行われるのは再エンコードで、残ったピクセルを新しいファイルに書き込む必要があります。PNGならロスレスなので何も失いません。JPGの場合は2世代目の非可逆圧縮が、すでに1世代目の圧縮を受けたピクセルにかかります。適切な画質ならたいてい見た目に違いはありませんが、すでに何度も保存を繰り返した画像なら知っておく価値があります。

見落とされがちなのは、画質ではなく解像度への影響です。写真の中央3分の1にトリミングすると、ピクセル数は9分の1になり、後からいくら拡大しても元には戻りません。1200万画素のスマートフォン写真を大きく切り詰めてアップにすると、印刷や画面幅いっぱいのWebバナーに必要な解像度を簡単に下回ってしまいます。Webサイト用にすでに縮小したコピーではなく、手元にある最も大きな元画像からトリミングしてください。

比率のプリセットがあるのは、ほとんどの掲載先にこだわりがあるからです。プロフィール画像なら1:1、動画のサムネイルやスライドなら16:9、SNSのフィードで切られずに表示される最も縦長の比率なら4:5です。枠を決める前に比率を選んでおけば、目の前のトリミングがそのまま残り、サービス側で勝手にもう一度切り取られることはありません。自由にトリミングして掲載先に任せると、顔が半分はみ出すことになります。

ファイルは元の形式で書き戻されるので、PNGは透過を保ったままPNGに、JPGはJPGのままです。カメラ情報や位置情報のメタデータは再エンコードで引き継がれません。公開する画像なら、たいていそのほうが望ましいはずです。

ほかの目的には

すべて同じトリミングが必要な画像のフォルダー、たとえば固定カメラで撮った商品写真や、同じ余白のあるスキャンページなどを1枚ずつトリミングするのは、作業の進め方として適していません。magick mogrify -crop 800x600+100+50 +repage *.jpg なら、フォルダー内のすべての画像に同じ範囲を適用でき、libvipsなら大きなファイルでもはるかに少ないメモリで処理できます。

JPGに限っては、どのブラウザにも提供できない、本当に優れた方法があります。jpegtran -crop 800x600+96+48 -copy none in.jpg out.jpg は、デコードも再エンコードも一切せずにトリミングするので、2世代目の劣化がまったくありません。ただし、切り取れるのはJPEG自体の8ピクセルまたは16ピクセル単位のブロックの境界だけなので、トリミング位置は指定した場所ぴったりではなく、その近くになります。最後の数ピクセルより画像そのものが大切なら、十分に見合うトレードオフです。

よくある質問

各サービスではどの比率が求められますか?

ほとんどのアイコンとInstagramは正方形(1:1)、YouTubeのサムネイルとTwitter/Xのカードは16:9、Instagramの縦長投稿は4:5、Xのヘッダーは3:1です。これらはプリセットで対応でき、それ以外は自由な比率で対応できます。

トリミングはピクセル単位で正確ですか?

はい。ドラッグ中にトリミング範囲の位置とサイズが実際のピクセル数で表示され、直接入力して正確に切り取ることもできます。

トリミングで画質は落ちますか?

いいえ。枠内のピクセルはそのままコピーされます。最後にJPGの再エンコードが行われるだけで、それも最高画質で行われます。

透過は保たれますか?

はい。PNGをトリミングしても、透明な部分は透明のままです。

画像はどこかに保存されますか?

いいえ。どの段階でも何も保存されません。

ご注意: 一度に処理できるのは1枚です。トリミングは画像ごとに判断するもので、一括処理には向きません。

このツールをあなたのサイトに設置

ブログ、授業のページ、ヘルプ記事などに無料で設置できます。コードを1つ貼り付けるだけで、訪問者がそのページ上でツールを使えるようになります。