切り抜き PNG オンライン — ロスレス&透明度セーフ
ブラウザ内の無料 PNG 切り抜きツール。ファイルをドロップして、プリセット比率を選択するか正確なピクセルサイズを入力し、透明度を保持したロスレス PNG をダウンロード — ファイルはデバイスから一切送信されません。
画像をアップロード
どこでもドラッグ&ドロップ、またはクリックして選択。
対応形式: PNG / JPG / WebP / BMP / TIFF / SVG
PNG の切り抜き方
3 つのステップ。アップロードなし。ロスレス出力。
PNG をドロップ
PNG ファイルをブラウザに直接ドラッグ&ドロップ — またはクリックしてデバイスから選択。
プリセットを選択、ドラッグ、またはピクセルを入力
プリセット比率(1:1、16:9、9:16、4:3、3:2、2:1)を選択、ハンドルを自由にドラッグ、または正確なピクセル幅と高さを入力してロック済み切り抜き領域を作成。
ダウンロード — アルファ保持
「切り抜き&ダウンロード」をクリック。出力は同じアルファチャンネルとカラープロファイル — 選択範囲外のピクセルのみが削除されます。
アップロードなし — 100% プライベート
切り抜きはブラウザ内で Canvas API を使用して実行されます。ゼロバイトがアップロードされます — ブラウザのネットワークタブで確認してください。
プリセット&正確なピクセル比率
ワンクリック 1:1、16:9、9:16、4:3、3:2、2:1 — またはロゴ、アイコン、ピクセル境界が重要な UI アセット用の正確なピクセル寸法を入力。
ライブプレビュー
ダウンロード前にリアルタイムで切り抜き結果を確認。見たままのものが得られます。
ロスレス&アルファセーフ
切り抜き領域内のピクセルデータは正確に保持; 完全透明と半透明ピクセルは変わらないまま。
このツールが PNG に何をするか
正直なバイトレベルの説明 — ダウンロードするものが正確に分かります。
切り抜き領域内
- ピクセルデータは正確に保持 — リサンプリングなし、カラー変換なし、JPEG スタイル圧縮なし。
- アルファチャンネル保持 — 完全透明と半透明ピクセルは同じアルファ値で書き戻されます。
- sRGB カラープロファイル保持 — 非 sRGB プロファイル(例:Display P3)は sRGB に読み込まれます。
- ピクセル整数境界 — 切り抜き領域はピクセル全体にスナップ; 小数端は得られません。
正直な制限
- !出力は新しい PNG ファイル — ディスク上のバイト列は入力から異なりますが、すべてのピクセルは同じ。ファイルサイズは通常小さくなります。
- !PNG はEXIF 回転を持たない; プレビューに見えるものが切り抜くものです。
- !16 ビット PNG は 8 ビットとして読み込まれます。完全なビット深度が必要な医学的または科学的 PNG については、16 ビット対応エディタを使用してください。
- !アニメーション PNG (APNG) は単一の静止フレームとして扱われます。
切り抜き vs リサイズ vs 透明な縁を切り抜き vs マスク
正しい操作を選択 — これら 4 つは同じではありません。
| 操作 | 何を変更 | 使用時 | ツール |
|---|---|---|---|
| 切り抜き | 矩形外のピクセルを削除 | フレーミングをより厳しくしたい、または特定のアスペクト比が必要 | このツール |
| リサイズ | すべてのピクセルを新しい W×H にスケール | コンテンツを切らずに特定のサイズが必要 | PNG をリサイズ |
| 透明な縁を切り抜き | 完全透明な境界ピクセルのみを削除 | ロゴ/アイコン アルファ境界周辺のクリーンアップ | プロエディタ(GIMP、Photoshop) |
| マスク | アルファ経由でピクセルを隠しますがファイルに保持 | 非矩形シェイプ、リバーシブル合成 | プロエディタ(GIMP、Photoshop) |
PNG 切り抜きのアスペクト比
実際の PNG 切り抜きの約 95% をカバーする 6 つのプリセット。
| 比率 | 寸法 | PNG 固有の注 | 最適用途 |
|---|---|---|---|
| 1:1 | 1080 × 1080 | アプリアイコン、ファビコン — 透明背景を保持 | プロフィール画像、正方形投稿 |
| 16:9 | 1920 × 1080 | 透明度が必要な場合のみ PNG を使用; 代わりに JPG/WebP を優先 | サムネイル、プレゼンテーション、壁紙 |
| 4:3 | 1600 × 1200 | クラシックフレーム; PNG は鮮明な UI スクリーンショットピクセルを保持 | 標準モニタ、製品画像 |
| 9:16 | 1080 × 1920 | 垂直 UI モックアップ; デバイスフレーム用アルファを保持 | ストーリーズ、リール、モバイル壁紙 |
| 3:2 | 1500 × 1000 | カメラネイティブ; 編集チェーン用 PNG を保持、配信用 JPG | DSLR 写真、6×4 プリント |
| 2:1 | 1500 × 750 | バナー切り抜き; 平面背景は PNG でも小さく圧縮 | Twitter/X ヘッダ、パノラマバナー |
切り抜き後の透明度
PNG 切り抜きで最も質問される 1 つの質問 — 2 文で回答。
出力 PNG はあなたの切り抜き領域内のすべてのピクセルのアルファチャンネルを保持 — 完全透明、半透明、不透明ピクセルは変更されずに書き戻されます。フォーマットは PNG のまま; JPG に下変換することはありません。JPG は透明度を固色に置き換えます。
PNG 切り抜きの一般的な間違い
これらを避けて PNG を鮮明、透明、小さく保ちます。
| 間違い | 何が問題になるか | 修正 |
|---|---|---|
| 半透明エッジに切り抜き、ハードアルファで再保存 | ロゴのソフトエッジがギザギザのアウトラインに変わります。 | 小さなマージンで切り抜き、半透明ピクセルが領域内に留まるようにします。 |
| 16 ビット PNG を切り抜き、8 ビット出力を取得 | グラデーションでポスタリゼーション; HDR データ損失。 | 医学的または科学的 PNG には 16 ビット対応エディタ(GIMP、Photoshop)を使用。 |
| 切り抜き、スペース節約用 JPG に変換 | 透明度は固色(通常は白または黒)に置き換えられます。 | アルファが重要な場合は PNG を保持; PNG を圧縮してください。 |
| ピクセルの代わりにパーセンテージで切り抜き | 出力は 1080×1080 である必要があるのに 1079×1080 で終わります。 | カスタムピクセル入力を使用して領域を整数寸法にロック。 |
| 同じ画像を何度も切り抜き | 再エンコードはピクセルではロスレスですが PNG を再構築; メタデータが偏ることがあります。 | 常にオリジナルファイルから切り抜き — マスターコピーを保持。 |
このツールを使用しない場合
制限を前もって命名、クリックを無駄にしないように。
非矩形切り抜き
円、多角形、または任意の形状が必要な場合は、マスキングツール(Photoshop、GIMP、Figma)を使用してください。
50 ファイル以上のバッチ
このツールは一度に 1 つの PNG を処理します。数百のファイルの場合は ImageMagick またはデスクトップバッチプロセッサでスクリプト化。
16 ビット、医学的または科学的 PNG
ブラウザキャンバスは 8 ビットとして読み込み。ビット深度が重要な場合は 16 ビット対応エディタを使用。
アニメーション PNG (APNG)
最初のフレームのみがエクスポート。アニメーションを保持するには専用 APNG エディタを使用。
よくある質問
PNG 切り抜き動作に関する正直で技術的な回答。
切り抜きは PNG 画像品質を低下させますか?
切り抜き領域内のピクセルデータは正確に保持されます — リサンプリング、カラー変換、JPEG スタイル圧縮なし。ファイルは新しい PNG として再エンコードされるため、ディスク上のバイト列は元のものと異なりますが、表示されるすべてのピクセルは入力と同一です。
PNG を切り抜く場合、透明度は保持されますか?
はい。出力は PNG-32 なので、切り抜き領域内の完全透明と半透明ピクセルは同じアルファ値で書き戻されます。透明エッジは背景色に平坦化されません。
PNG を正確なピクセル寸法に切り抜くことができますか?
はい。カスタム寸法オプションを使用して、正確な幅と高さの値を入力してください。切り抜き領域はそれらの正確なピクセル寸法にロックされ、アイコン、UI アセット、ロゴスロット用のピクセルパーフェクト出力を得られます。
カラープロファイル (sRGB) は切り抜き後も残りますか?
sRGB の場合はい(デフォルト)。Canvas パイプラインは sRGB で読み込みと書き出し、埋め込み sRGB チャンクは出力で保持されます。非 sRGB プロファイル(例:Display P3)の PNG は読み込み時に sRGB に変換 — ワイドガマットバージョンが必要な場合は元のものを保持してください。
複数の PNG を一度に切り抜くことができますか?
このツールは一度に 1 つの PNG を切り抜き、各画像をピクセルパーフェクトにフレーム化できます。同一座標による一括切り抜きは稀です。被写体が同じ場所に配置されることは稀なため; 多くの PNG を同じサイズにしたい場合は、代わりに PNG をリサイズを使用してください。
切り抜き後のファイルサイズはどうなりますか?
切り抜きでピクセルが削除されるため、出力は通常より小さい。削減は厳密には比例的ではありません — PNG 圧縮は残りの領域の視覚的エントロピーに依存するため、平面色領域への切り抜きはファイルを劇的に縮小でき、ノイズの多い領域への切り抜きは削減が少なくなります。最大削減については、その後 PNG を圧縮を試してください。
アニメーション PNG (APNG) を切り抜くことができますか?
アニメーション PNG (APNG) は単一の静止フレームとして扱われます — 最初のフレームが切り抜かれ、静的 PNG としてエクスポート。アニメーションを保持するには専用 APNG エディタを使用してください。
切り抜きできる最大ファイルサイズまたは寸法は何ですか?
ツールはブラウザ内で完全に実行されるため、実際的な制限はデバイスの利用可能なメモリです。ほとんどのデスクトップは ~100 MP(例:10 000 × 10 000 px)まで PNG を処理できます; モバイルでは約 25 MP の低い天井を期待してください。
PNG 切り抜きツールはオフラインで動作しますか?
はい。最初のページロード後、切り抜きツールはキャッシュされ、インターネット接続なしで動作します。