オンラインで画像の余白を削除

画像の端にある空白ピクセルを自動検出して削除します。透明または単色の境界をトリミングして画像サイズを最小化します。

画像トリミングの機能

画像トリミングは、写真の4つの端それぞれから中央に向かってピクセルを走査し、均一な余白がどこで終わり、実際の被写体がどこから始まるかを見つけます。透明ピクセルモードでは、アルファチャンネルを読み取りながら、完全な透明ではないピクセルに達するまで、行ごと・列ごとに内側へ進みます。背景色モードでは、各端のピクセルのRGB値を基準色と比較します。この基準色は自動検出で自動的にサンプリングするか、削除する色で手動で設定します。ピクセルが設定した許容値の範囲内にとどまる限り内側への走査を続けます。許容値は0(完全に一致する色だけが余白と見なされる)から255(ほぼどんな色でも余白として扱われる)まであります。4辺すべてで走査が止まると、その境界線が外接矩形を定義し、キャンバスはその矩形にトリミングされ、設定した余白があれば各辺にマージンとして戻されます。 このツールがやらないこと。本当は均一ではない境界のクリーンアップです。グラデーションの背景、柔らかいドロップシャドウ、端付近のJPEG圧縮ノイズは、1本のきれいなトリミング線にはまとまりません。許容値をどれだけ上げるかによって、部分的にしかトリミングされなかったり、まったくトリミングされなかったりします。エッジ連結モードは、背景色モードにおいて何をトリミング可能な背景とみなすかを変えます。画像内のどのピクセルでも基準色と一致すれば取り除くのではなく、外側の端と連続してつながっている背景色のピクセルだけを取り除くため、被写体の内部にある同じ色のパッチ、たとえばハイライトやアクセント、デザイン上の穴などが誤って食い込まれることはありません。ここでのすべての処理は、ブラウザ内でキャンバスのピクセルデータを直接読み取ることで行われます。トリミングの計算そのものが端末の外に出ることはありません。

トリミングが重要な理由

スタジオ撮影やマーケットプレイスのテンプレートから書き出された商品写真は、余白が一定でないことがよくあります。ある1枚は左側に1インチの余白があり、次の1枚はほとんどないという具合で、キャンバスサイズがすべて同じであっても、それをカタログのグリッドに並べるとサムネイルの見た目がそろわなくなります。トリミングは、ファイルごとに矩形選択を目で調整させる代わりに、各画像を実際のコンテンツに合わせて切り抜くことで、この不整合を取り除きます。 デザインツールから書き出されたゲームやアプリのアイコン素材には、透明な余白が焼き込まれていることがよくあります。実際のアートワークは96×96で、128×128のキャンバスの中に収まっている、という具合です。この余分なアルファのマージンは、スプライトアトラスを狂わせ、ピクセル単位で正確なアンカーポイントをずらし、大規模になるほどテクスチャメモリを無駄にします。アルファの外接矩形にトリミングすれば、アートワーク自体には手を加えずにこの素材を修正できます。 ウィンドウの装飾、ブラウザのツールバー、実際のコンテンツの周りの単色のデスクトップ背景が写り込んだスクリーンショットも、ドキュメントやサポートチケットに載せる前に同じクリーンアップが必要です。サンプリングした端の色を使った背景色モードなら、手作業のクロップではなく一度でそのフレームを取り除けます。 単色や平坦な色のキャンバス上に保存されたスキャン済みのステッカー、ロゴ、線画も同じ恩恵を受けます。トリミングによって、レイアウトに落とし込んだり別のエディターでレイヤーとして重ねたりする前に、ファイルを実際の footprint に縮小できます。エッジ連結モードは、アートワーク自体に背景色と一致する形が含まれている場合でも、これを安全に保ちます。

手作業の矩形選択なしでぴったりの外接矩形を得られる
余白が不ぞろいな写真でも一貫したフレーミングを実現
スプライト、アイコン、ステッカー向けにPNGの寸法を小さくできる
エッジ連結モードは境界色と一致する内部の形を保護する

画像をトリミングする方法

トリミングは検出処理のあとに1回のクロップが続くだけなので、作業の大半は適用前に正しい設定を選ぶことにあります。

1

検出モードを選びます。アルファチャンネルの端を持つPNGには透明ピクセルを、どの形式でも使える単色の境界には背景色を選びます

2

背景色モードでは、自動検出をクリックして境界の色をサンプリングするか、削除する色で手動設定し、プレビューの輪郭が被写体にぴったり沿うまで許容値を調整します

3

トリミング後にぴったりのクロップではなく小さなマージンを残したい場合は余白を設定し、被写体に境界色と一致するトリミングしてはいけない領域がある場合はエッジ連結をオンにします

4

境界がそもそも単色でない場合は、先に先に背景を削除を切り替えてから適用し、検出された外接矩形にキャンバスをクロップします

よくある質問

切り抜きは、境界線を自分で描いたりドラッグしたりする必要があります。トリミングは、均一な余白がどこで終わり被写体がどこから始まるかを検出して自動的に計算します。実際の画像内容の一部を取り除いたりアスペクト比を変えたりしたい場合は切り抜きを使い、被写体には手を加えず空の透明・単色の余白だけを取り除きたい場合はトリミングを使ってください。両方をつなげることもできます。まずトリミングでぴったりの外接矩形を得て、それでも特定のアスペクト比が必要ならそのあとで切り抜けばよいのです。
トリミングの計算はブラウザ内のキャンバスからピクセルデータを直接読み取り、ファイルをサーバーへ送信することはありません。検出モード、許容値、余白、そしてクロップそのものはすべてローカルで計算されるため、トリミングしているだけの間は画像がお使いの端末にとどまります。
許容値は、あるピクセルの色が基準となる境界色からどれだけ離れていても背景と見なすかを、0から255の範囲で設定します。0では完全に一致するものだけがトリミングされ、これはノイズのないきれいなPNGの背景でよく機能します。この値を上げると、JPEG圧縮のアーティファクト、アンチエイリアスされたエッジ、かすかなグラデーションといった、わずかに異なるピクセルもトリミングに取り込まれるようになりますが、上げすぎると、被写体の色の一部が境界色に近い場合にその被写体まで食い込み始めることがあります。
本当は均一ではない境界に苦手意識があります。柔らかいドロップシャドウ、グラデーションの背景、端付近の強い圧縮ノイズは、許容値によって部分的にしかトリミングされなかったり、まったくトリミングされなかったりします。被写体が境界色に近い色を含んでいる場合、高い許容値がそこに食い込むことがあるため、許容値を最大まで上げるのを既定にするのではなく、適用前にプレビューの輪郭を確認する価値があります。
これを使わない場合、背景色モードは画像内のどこにあってもピクセルが基準色と一致すればトリミング対象と見なします。エッジ連結は、それをキャンバスの外側の端と連続してつながっている背景色のピクセルだけに限定します。そのため、被写体の内部にたまたま境界色と同じ色のパッチ、たとえばハイライトやアクセントの形、デザイン上の穴などがあっても、トリミング可能な背景として扱われることなくそのまま残されます。
使えますが、背景色モードに限られます。透明ピクセルモードはアルファチャンネルに依存しており、JPEGにはそれがないため検出できるものが何もありません。背景色モードに切り替え、自動検出か削除する色の手動設定で境界をサンプリングし、端付近のJPEG圧縮ノイズを吸収できるよう許容値を少し上げてください。
これはまずこのサイトの背景削除機能を画像に対して実行し、周囲の領域を透明にしたうえで、その新しい透明な外接矩形に対して透明ピクセルモードでトリミングします。元の境界が背景色モードできれいに一致させられる単色ではない場合に便利です。背景削除はトリミングの計算そのものとは別の機能なので、画像を正確にどう処理するか知りたい場合は、そのツール自体のページを確認してください。
余白は、トリミングされた外接矩形のすべての辺に、ピクセル単位の固定マージンとして戻されます。そのため被写体にぴったり接したクロップの代わりに、再び小さな均一な余白が付きます。最もタイトなクロップにしたい場合は0に設定し、UIアイコンやサムネイル枠にとって完全にぴったりの端がきつく見える場合は数ピクセル設定してください。

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

フォトエディター

写真を編集

画像回転

画像を回転

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

GIF からシーケンス

フレーム抽出

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

Base64→画像

Base64をデコードして画像に戻す

HEIC→PNG

iPhoneのHEIC写真をロスレスでPNGに変換

文字を被写体の後ろに

写真の被写体の後ろに文字を回り込ませる。すべてブラウザ内で完結

カラーピッカー

任意のピクセルのHEX・RGB・HSLを取得

署名メーカー

署名を手書きして透過PNGでダウンロード

署名の背景削除

紙の上のインクを透過に

背景透過ツール

背景を透明にする