カテゴリー: 画像ツール

画像トリミングツール

サイト側で企画したツールツールが見つからない?

ブラウザ内で写真をピクセル単位に切り抜く

写真の上をドラッグして範囲を選ぶか、正確なピクセル座標を入力し、1:1 や 16:9 などの比率を固定して PNG・JPEG・WebP で切り抜きを保存できます。ファイルの読み込みと切り抜きはブラウザ内で完結します。

圧縮する画像を選んでください。

このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。

このツールでできること

トリミングはほとんどの画像に必要な編集でありながら、そのために画像編集ソフトを丸ごと開くことになりがちな作業です。このツールは canvas で処理します。ファイルはページ内でデコードされ、残したい範囲をドラッグすると、その中のピクセルが新しい画像として描き出され、ダウンロードできます。数値欄があるのは、ドラッグでは正確に決まらないからです。レイアウトが 1200 x 630 を求めるなら、そのまま入力します。比率プリセットはドラッグ中も 1:1、4:3、3:2、16:9、9:16 を保ち、比率を切り替えても、いま見ていた位置を中心に枠が置き直されます。

使い方

  1. 端末から画像を選びます。
  2. 写真の上をドラッグして残す範囲を選ぶか、左・上・幅・高さをピクセルで入力します。
  3. 出力形式を選んで「切り抜く」を押し、結果をダウンロードします。

プライバシー

このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。

よくある質問

写真はどこかにアップロードされますか。
いいえ。ファイルはお使いのブラウザがデコードして切り抜き、切り抜いた画像はローカルのダウンロードとして作られます。サーバーには何も送られないので、サーバーに残るものもありません。
切り抜くと画質は落ちますか。
PNG で切り抜けばピクセルはそのまま保たれます。JPEG と WebP は再エンコードされるため品質スライダーが効きます。あとで再編集するなら高めにしておいてください。
JPEG にすると透明な背景が白くなるのはなぜですか。
JPEG には透明度がありません。このツールは描画前に背景を白で塗ります。そうしないと黒くなるためです。透明を保ちたい場合は PNG か WebP を選んでください。