ここに画像をドラッグ＆ドロップ、または 参照
JPG / PNG / WebP / GIF / AVIF / HEIC に対応
画像処理はブラウザ内で完結します。画像がサーバーに送信されることはありません。
処理中…
0 / 0
手動トリミング
ここに画像をドラッグ＆ドロップ、または 参照
JPG / PNG / WebP / GIF / AVIF / HEIC に対応
画像処理はブラウザ内で完結します。画像がサーバーに送信されることはありません。
px指定トリミング – 正確なピクセルで一括
ピクセル指定トリミングは、バッチ内の各画像を固定の幅×高さ（ピクセル）に揃えます。サイト、アプリ、デザインシステム、印刷レイアウトが同一の出力サイズを求めるときに使います。処理はブラウザ内で完結し、アップロードは不要です。
クイック回答
ピクセル指定では、入力した正確な幅と高さ（例：1200×800）で選択画像を出力します。フォルダ全体を UI 素材、サムネイル、レイアウト枠用の同一キャンバスサイズに揃えられます。
By Batch Image Crop Team · 最終更新：2026-08-12
ピクセル指定トリミングとは？
比率ではなく絶対ピクセル寸法を目標にする一括トリミングです。幅と高さを一度設定すると、各ファイルがその枠に切り取られ（プレビューで位置調整）、まとめて ZIP 出力されます。
各ソースから相対的な割合を除く割合トリミングとは異なります。目的地が既知のビットマップサイズを必要とするとき——結果ごとに同じピクセル幅・高さ——がピクセル指定の出番です。
正確なピクセルに画像をトリミングする手順
- 画像をアップロード - 同じ出力サイズが必要なファイルまたは一式を追加します。
- 幅と高さをピクセルで入力 - レイアウトやパイプラインが求める正確な寸法を入力します（例：800×600 や 1920×1080）。
- プレビューと位置調整 - 顔・商品・文字が固定枠内に収まるよう切り抜き領域をドラッグします。
- バッチをダウンロード - 処理し、切り取った画像をまとめて ZIP でダウンロードします。
よく使うピクセルサイズ
よくある一括作業の出発点です。数値を確定する前に CMS・テーマ・印刷仕様を確認してください。
| 用途 | 典型サイズ | 向いている理由 |
|---|---|---|
| Web / ヒーローバナー | 1920×600, 1200×400 | 広いヘッダー枠に合い、余白キャンバスを残さない |
| 正方形アバター＆タイル | 400×400, 800×800 | グリッド・一覧・プロフィール枠の統一正方形 |
| サムネイル＆カード | 300×300, 640×360 | 読み込みが速く、リストで揃うコンパクトなプレビュー |
| HD 表示 / 動画スチル | 1920×1080 | スライド・埋め込み・モック用の標準フル HD |
| 高解像度 / QHD 素材 | 2560×1440, 3840×2160 | ソースが十分大きいときの Retina・4K 向け切り抜き |
ピクセル指定が向いている場面
サイトと CMS 素材
テーマやページビルダーは要求幅×高さを外した画像を拒否・引き伸ばすことがあります。一度のピクセル設定でフォルダ全体を統一できます。
アプリ・UI アイコンセット
デザインシステムはボタン、タイル、リストサムネに固定ビットマップサイズを求めます。一括ピクセル指定で各書き出しを仕様どおりに保ちます。
カタログ・マーケット出品
写真ごとにピクセルサイズが違うと商品グリッドが不揃いに見えます。キャンバスを固定してカードを揃えます。
印刷レイアウトの枠
枠がピクセル（または同等の書き出し）で定義されているとき、絶対切り抜きは直前のリサイズ事故を防ぎます。
パイプライン・自動化の受け渡し
1200×800 などを前提にする下流スクリプトは混在サイズで失敗します。ピクセル指定はバッチを機械処理しやすくします。
端末内のプライベート処理
機密の商品・ポートレートを端末外に出す必要はありません。切り抜きはブラウザ内。保管したい ZIP だけダウンロードします。
ピクセル指定 vs 割合 vs 他モード
固定キャンバス、比例トリム、プラットフォーム／形状プリセットのどれが必要かで選びます。
| モード | 最適なとき | 注意点 |
|---|---|---|
| ピクセル指定 | 全ファイルが正確な幅×高さを共有する必要がある | 目標より小さいソースは欠けたピクセルを作れない |
| 割合トリミング | 混在サイズでも同じ比例の端トリムが必要 | 最終ピクセル寸法はソースサイズでまだ異なる |
| 手動トリミング | 被写体位置が違い、画像ごとのフレーミングが必要 | 共有ピクセル枠だけが要件なら遅い |
| SNS向け | Instagram・YouTube・LinkedIn などのプリセットが欲しい | 独自 CMS サイズはプラットフォームプリセットと一致しないことがある |
| 形状トリミング | 円や角丸マスク＋透明が必要 | 形状マスクは単なる矩形ピクセル枠の代用にならない |
この一括ピクセルトリミングが役立つ理由
- 正確な幅×高さ出力 - 書き出した各ファイルが設定したピクセル寸法と一致します。
- 一括 ZIP ダウンロード - 何十枚でも一度に処理し、1枚ずつ切り抜いて保存する手間を省きます。
- ライブプレビューで位置調整 - 固定枠を再フレーミングし、重要なディテールを枠内に残します。
- 混在ソースでも同一サイズ - スマホ・一眼・スクショを同じキャンバスサイズで揃えられます。
- ブラウザ内のプライバシー - 画像はローカルのまま。アカウントやサーバーアップロードは不要です。
- 日常フォーマット対応 - JPG、PNG、WebP など一般的な写真形式に対応します。
書き出し前のチェック
ソースが目標以上か
各原画が切り抜き枠以上の幅・高さであることを確認。拡大は大きなソースの代わりになりません。
被写体のフレーミング
固定枠は背の高い商品や中心からずれた顔を切ることがあります。外れ値をプレビューし、バッチ前に枠を動かします。
アスペクト比の一致
レイアウトが 16:9 なのに正方形を入れると切り方が変わります。本当の目標比をピクセルで入力してください。
プラットフォーム vs 独自仕様
Instagram・YouTube・LinkedIn プリセットなら SNS 向けが速いです。独自 CMS／アプリ要件ならピクセル指定のままにします。
ピクセル指定 FAQ
ピクセル指定トリミングとは何ですか？
各画像を正確な幅・高さ（ピクセル）に切り揃えることです。例：1200×800 を設定すると、幅 1200・高さ 800 ピクセルの出力になります。
すべての画像が同じピクセルサイズになりますか？
はい——ソースが十分大きい場合、切り取った各ファイルは入力した幅・高さと一致します。割合ではなくピクセルを選ぶ主な理由です。
画像が目標サイズより小さい場合は？
拡大なしでは欠けたピクセルを正直に作れません。目標を各ソース寸法以下にするか、より高解像度の原画から始めてください。
ピクセル指定と割合トリミングの違いは？
割合は各ファイルから比例分を除くため、出力サイズはソースでまだ異なります。同一寸法が必要なときはピクセル指定が固定キャンバスを強制します。
多数の画像を同じピクセルに一括できますか？
はい。寸法を一度設定し、フレーミングをプレビューしてから一式を処理し、結果の ZIP を1つダウンロードします。
写真はサーバーにアップロードされますか？
いいえ。処理はブラウザ内です。ZIP を自分でダウンロードしない限り、画像は端末に留まります。
参考・権威ある出典
ブラウザでの正確サイズ切り抜きは canvas ビットマップモデルに従います。目的のピクセル幅を定義し、ソース矩形をその座標空間に描画します。以下の参照がその API を説明します。
公式表現の要約
MDN によると、HTMLCanvasElement.width プロパティはキャンバスサイズを制御し、ビットマップ（描画バッファ／座標空間）の幅を CSS ピクセルで反映します——つまり絶対ピクセル切り抜きは結局、ソースファイルの割合ではなく固定ビットマップ幅です。
-
MDN Web Docs
CanvasRenderingContext2D.drawImage()
用途： クライアント側ツールが使うブラウザ canvas のソース矩形切り抜きモデル
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
-
MDN Web Docs
用途： キャンバス座標空間の絶対ピクセル・ビットマップ幅
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width
このページはブラウザでの正確寸法の一括切り抜きを支援します。必ずフレーミングをプレビューし、比例トリム・プラットフォームプリセット・中心ずれ被写体の場合は割合・SNS・手動に切り替えてください。