ブラウザだけで画像をトリミングできます。範囲をドラッグする、ピクセル数を直接入力する、透過レイヤーを内容の輪郭ぴったりまで切り詰める——処理はすべて手元の端末で走るので、画像がサーバーに送られることはありません。インストール不要、透かしなし、アカウントも不要です。
無料 · 透かしなし · PNG・JPG・WebP対応 · スマホでも使えます
切り抜き
画像をトリミング
ここに画像をドロップ
タップしてファイルを選択 · PNG・JPG・WebP · 画像は端末から出ません
手順
5ステップ、アカウント登録は不要です。いま開いているこのタブだけで終わります。
PNG・JPG・WebP のファイルを上の枠にドラッグするか、枠をタップして端末から選びます。ファイルはブラウザがローカルで読むだけで、どこにも送信されません。大きな写真でも待たされないのはそのためです。
画像の上を押したままドラッグすると範囲が移動し、8つのハンドルをドラッグするとサイズが変わります。範囲の外は暗く表示されるので、ダウンロードする前に仕上がりの構図を確認できます。
1:1・4:3・3:2・16:9・9:16 から選ぶと、リサイズしても比率が保たれます。1200×630 のOGP画像、512×512 のアイコンなど出力先が決まっている場合は、幅と高さの欄に数値を入れれば範囲がぴったり合います。
「レイヤーに合わせる」に切り替えると、透明の余白や単色の背景を除いた実際の輪郭まで範囲が自動で寄ります。透過レイヤーを絵が入っているピクセルだけに切り詰めたいときは、これが一番速い方法です。
透過を残すなら PNG、ファイルを軽くしたいなら JPG を選んでダウンロードします。切り出しは元画像のフル解像度から行われるので、選んだ範囲がそのままの大きさで手に入ります。
比較
Photoshopがすでに開いているなら、切り抜きツールの使い勝手は文句なしです。問題はその周辺——数GBのインストール、サブスクリプション、そして起動を待つ時間。Photoshopが入っていないPCで、あるいはスマホで、1枚だけ切り抜きたいときは、タブを1つ開くほうが確実に早く終わります。以下、Photoshopでの手順と、ここでの同じ操作を並べます。
Photoshopの切り抜きツールはカンバス全体に効きます。他のレイヤーに触れずに1枚だけ切り抜くには、選択範囲を使います：
代わりに切り抜きツールを使い、オプションバーの「切り抜いたピクセルを削除」にチェックが入っていると、カンバスと全レイヤーがまとめて切り取られます。「レイヤーを切り抜きたい」と検索する人が求めているのは、たいていこれではありません。
| Photoshop | image-layer.com | |
|---|---|---|
| インストール | 必要（デスクトップアプリ） | 不要（ブラウザで動作） |
| 料金 | サブスクリプション | 無料・透かしなし |
| 1枚目を切り抜くまで | アプリ起動＋ファイルを開く | ファイルを置いてドラッグ |
| レイヤー1枚だけ切り抜く | 選択範囲＋反転＋削除 | ボタン1つ（「レイヤーに合わせる」） |
| スマホで使えるか | 別途モバイルアプリが必要 | 同じページ、タッチ操作対応 |
| レタッチ・フィルター・文字組み | 対応（本来の用途） | 非対応（切り抜きとレイヤーのみ） |
すでにPhotoshopを持っていて、ファイルも開いているならPhotoshopが最短です。1枚切り抜くために何もインストールしたくないなら、このページはその一点だけを引き受けます。
仕組み
多くのオンラインツールは、画像を1枚の平らな長方形として扱います。範囲をドラッグし、外側を捨て、カンバスをその大きさに縮める——写真ならこれで十分です。ただ「photoshop 切り抜き レイヤー」と検索する人が求めているのはこれではありません。手元には重なったレイヤーがあり、そのうちの1枚だけを、全体のサイズを変えずに調整したいのです。
レイヤーは、それ自体がアルファチャンネルを持つピクセルの矩形です。レイヤーを切り抜くとは、そのレイヤーの内容がどこで終わるかを変えることであり、カンバスも他のレイヤーもそのまま残ります。この2つを取り違えると、構図全体が新しい境界で切られてしまうか、逆にサイズを変えたつもりが何も変わらないかのどちらかになります。
もう半分の難しさは、境界をどこに置くかです。書き出した透過レイヤーには、絵の周りに広い空のアルファが残っていることがほとんどです。たとえば2000×2000のPNGで、実際に絵があるのは隅の600×480だけ、といった具合に。これを目分量で囲むのは遅いうえに、いつも少しずれます。「レイヤーに合わせる」はアルファチャンネルを直接読み、透明でないピクセル全体の外接矩形を求めて、1ピクセル単位で範囲を合わせます。レイヤーが完全に不透明で単色の背景を持つ場合は、その背景色を基準に余白を切り詰めます。
カンバスが変わります。すべてのレイヤーが新しい境界で切られ、書き出すファイルも小さくなります。写真の構図を取り直すときや、決められた出力サイズに合わせるときに使います。
1枚のレイヤーの内容だけが変わります。カンバスのサイズはそのまま、他のレイヤーのピクセルも減りません。切り抜き素材を詰める、バッジの余白を落とす、特定のレイヤーを選択範囲に合わせる——そうした用途向けです。
分けられたレイヤーがまだ手元にない場合は、AIレイヤーエディタで1枚の写真を透過RGBAレイヤーに分解してから、レイヤーごとに切り抜けます。
レイヤーエディタを開く詳細
切り出しは、画面に表示されているプレビューではなく、デコード済みの元画像からフル解像度で行われます。4000×4000の写真に900×900の範囲を取れば、得られるのは元のピクセル900×900です。途中で拡大も再サンプリングもされません。劣化なしなら PNG、ファイルを軽くしたいときだけ JPG を選んでください。
出力サイズが決まっている場合は、幅と高さの欄が基準になります。1200 × 630 と入力すれば、範囲はちょうどその数のピクセルになり、あとは位置を合わせるだけです。「だいたいバナーくらい」と「テンプレートにそのまま入るファイル」の差はここで生まれます。
PNG画像を切り抜けば透過はそのまま残ります。切り抜いた範囲が全面透明でも同じです。JPGを切り抜けば、JPG品質の素材からJPG品質の結果が得られます——元のファイルに記録されていないディテールは、切り抜きでは戻せません。WebPも読み込めて、PNGまたはJPGで書き出せます。
小さな画面でも同じツールが動きます。ハンドルは指で掴めるサイズ、範囲は片手のドラッグで動き、レイアウトは横スクロールせずに縦に積み上がります。スマホでトリミングしても、出てくる結果はデスクトップとまったく同じです。
よくある質問
ファイルを置いて、範囲をドラッグするか「レイヤーに合わせる」を押して、結果をダウンロードするだけ。インストールも会員登録も必要ありません。
