MergeImage · 最終確認日 2026-08-02
内容を消さないスクリーンショット結合
連続する画面を1枚の読みやすい長い画像にするスクリーンショット結合ツールです。幅をそろえ、隣り合う画像の繰り返し行を調べ、信頼できる重複だけを除去します。判断が不確かな場合は両方の画像を完全なまま残します。
- 重複部分を自動検出
- 切り取らない安全な代替動作
- PNG・JPEG・WebP出力
ローカルの画面結合スペース
送信せずに画面を結合プライバシーを重視し、ファイルはこの端末内に保持されます。
長いスクリーンショットのプレビューがここに表示されます。
ガイド
実用ガイドを読む
このページで参照した一次資料と公式資料です。
01
読み順を守るスクリーンショット結合
スクリーンショット結合 — 自動検出は内容を削除せず安全に失敗します
ページをスクロールした順に画像を追加します。スクリーンショット結合では、縮小したサンプルを使って前の画像の下部と次の画像の上部を比較します。確かな繰り返し帯だけを次の画像から除き、元ファイルは変更しません。
スマート配置では間隔をゼロにして共通の幅へ合わせます。隙間のあるコラージュではなく連続したキャンバスになります。プレビューを作る前なら、順序変更、回転、反転、削除ができ、一覧の並びが最終結果を決めます。
判定は意図的に慎重です。固定ヘッダー、動画、アニメーション、変化する時刻、細部の少ない領域があると、信頼できる一致を得られないことがあります。その場合は画像全体を残して代替動作を表示します。行の重複は文章の欠落より安全です。
- スクリーンショット結合 — 同じ画面サイズと拡大率で連続撮影します。
- スクリーンショット結合 — 隣り合う画像に安定した繰り返し領域を残します。
- スクリーンショット結合 — 保存前にすべての境界を確認します。
- スクリーンショット結合 — スクロール中に内容が変わるページでは通常の縦配置を使います。
| モード | 適した用途 | サイズ | 重複処理 |
|---|---|---|---|
| スクリーンショット結合 — スマート結合 | スクロール画面 | 幅を統一 | 確かな繰り返しだけ除去 |
| スクリーンショット結合 — 縦 | 安定した重複がない画面 | 原寸または幅統一 | すべての行を保持 |
| スクリーンショット結合 — 横 | 左右の比較 | 原寸または高さ統一 | 解析しない |
| スクリーンショット結合 — グリッド | 画面の一覧 | 同じセルまたは原寸 | 解析しない |
02
スクリーンショット結合 — 自動重複検出が信頼できる条件
スクリーンショット結合 — 大きさより安定して繰り返す画素が重要です
スクリーンショット結合 — 重複検出は同じ表示領域から連続して撮影し、安定した共通帯があるときに最も有効です。固定ヘッダー、動画、アニメーション、変化する時刻は一致度を下げます。
03
スクリーンショット結合 — 読みやすい長い画面を書き出す
スクリーンショット結合 — 用途に合わせてPNG・JPEG・WebPを選びます
PNGは文字、UI、透過背景に向きます。JPEGは写真の容量を抑えやすい一方で非可逆圧縮となり透過を保持できません。WebPは受け取り先が対応していれば品質と容量のバランスを取りやすい形式です。
04
スクリーンショット結合 — ローカル処理と公開された上限
スクリーンショット結合 — デコード、結合、エンコードはブラウザー内です
ブラウザーは利用者が選んだファイルだけを読み込み、互換形式をデコードしてローカルCanvasへ描画します。アカウント、遠隔処理、有料APIは不要で、主要処理中にMergeImageへ送る元画像は0件です。
05
スクリーンショット結合 — このツールを検証した方法
スクリーンショット結合 — 公式ブラウザーAPIと再現可能な画像テスト
MDNはcreateImageBitmap()を画像ソースから非同期にビットマップを作る方法、canvas.toBlob()をCanvasからエンコード済みBlobを作る方法として説明しています。W3C File APIは選択ファイルの仕組みを定義します。
06
スクリーンショット結合 — 最初に読む順番を決める
スクリーンショット結合 — レイアウトは画像の物語に合わせる
スクリーンショット結合 — 画像結合は最初に順番を決めます。キューが完成時の並びを示し、元ファイルを書き換えずに移動または削除できます。横並びは比較、縦並びは手順、グリッドは一覧、スマート長尺は連続するスクリーンショットに適します。
スクリーンショット結合 — 元サイズの維持、幅合わせ、高さ合わせ、均等セルから用途に合う方式を選びます。間隔、配置、背景は書き出し前に計算されるため、プレビューで向き、順番、余白の誤りを確認できます。
スクリーンショット結合 — ファイルは選択またはドロップで追加でき、マウスだけでなく移動ボタンでも並べ替えられます。画像結合はダウンロードするまで変更可能で、元画像に操作を上書きしません。
07
スクリーンショット結合 — 出力形式を目的から選ぶ
スクリーンショット結合 — PNG・JPEG・WebPの違い
スクリーンショット結合 — 安全上限内では元の画素を維持します。幅、高さ、セルをそろえる場合だけ必要な再サンプリングを行います。ダウンロード前にプレビュー、完成サイズ、推定容量を確認してください。
スクリーンショット結合 — 最適形式は提出先で変わります。小さいJPEGでは細い文字が崩れ、可逆PNGでは容量制限を超える場合があります。受け取り先の形式と寸法規則を先に確認します。
最終確認日 · 2026-08-02
製品仕様
このページで参照した一次資料と公式資料です。
- デコード、配置、エンコードは現在のブラウザー内で行われ、MergeImageのサーバーへ送信される元画像は0件です。
- 作業領域は最大30枚、1ファイル20MBまでで、出力が一辺12,000pxまたは80MPを超える場合は安全のため縮小します。
- 確認済みビルドは4種類のレイアウトとPNG・JPEG・WebPの3形式に対応し、2026-08-02に動作を確認しました。
| 製品仕様 | 参照資料 | 最終確認日 |
|---|---|---|
| 30 | 製品仕様 | 2026-08-02 |
| 20 MB | 製品仕様 | 2026-08-02 |
| 12,000 px / 80 MP | 製品仕様 | 2026-08-02 |
“The HTMLCanvasElement.toBlob() method creates a Blob object representing the image contained in the canvas.”
参照資料
- Window: createImageBitmap() — MDN Web Docs
- HTMLCanvasElement: toBlob() — MDN Web Docs
- File API仕様 — W3C
よくある質問
スクリーンショット結合 — 画像はサーバーへ送られますか?
いいえ。選択、デコード、比較、合成、出力は現在のブラウザー内で行われます。
スクリーンショット結合 — 重複を特定できない場合は?
画像全体を切らずに縦へ並べ、安全な代替動作を使ったことを状態欄に示します。
スクリーンショット結合 — 適した画像は?
同じ画面、拡大率、状態で連続撮影し、明確で動かない繰り返し領域がある画像です。
スクリーンショット結合 — 順序を変えられますか?
はい。カードをドラッグするか移動ボタンを使い、一覧とプレビューを確認します。
スクリーンショット結合 — 出力形式の選び方は?
文字中心ならPNG、写真中心ならJPEG、受け取り側が対応する場合はWebPが候補です。