スクリーンショットを1つの縦長画像に結合。
2枚以上のスクリーンショットをドロップすると、上から下に積み重ねて 1つの画像に結合します。幅の不一致を自動スケーリング、オプションの ギャップ間隔、ボーダー付きスクリーンショットの余白トリミング。 PNG出力でテキストをシャープに保持。ブラウザから外に出ることは ありません。
Drop your images here
or browse files or paste from clipboard
スクリーンショットを結合する方法。
スクリーンショットをアップロード
複数のJPG、PNG、またはWebPファイルをアップロードエリアにドラッグ します。モバイルではタップしてカメラロールを参照します。Ctrl+V (MacではCmd+V)でクリップボードからスクリーンショットを直接貼り付ける こともできます。いつでもスクリーンショットを追加できます - リストに 追加されます。
順序を設定し設定を調整
サムネイルをドラッグして結合順序を設定します(上の画像が最初)。 設定パネルを開いてスクリーンショット間のギャップ間隔の追加、 背景色の選択、余白トリミングの有効化、PNGまたはJPG出力の 選択ができます。プレビューはライブで更新されます。
結合した画像をダウンロード
プレビューで最終的なサイズとファイルサイズを確認してから ダウンロードをタップします。結合したスクリーンショットがデバイスに 直接保存されます。サーバー処理なし、キューなし、メール不要。 タブを閉じればすべてがメモリから消えます。
このツールで結合されるもの。
チャットスレッドと会話
WhatsApp、iMessage、Discord、Slackの会話は複数の画面にまたがります。 各セクションをスクリーンショットし、ここにドロップすれば、ツールが 1つのスクロール可能な画像に積み重ねます。スクロールキャプチャは不要 - 個別のスクリーンショットはスクロールキャプチャアプリがチャットバブルや 絵文字で時々生じるレンダリングの不具合を回避します。シームレスな結合に はギャップを0に設定してください。
長いWebページのキャプチャ
フルページスクリーンショット拡張機能は固定ヘッダー、遅延読み込み 画像、動的コンテンツを見逃すことがあります。より確実な方法: スクロールしながら3-5枚の手動スクリーンショットを撮り、ここで結合 します。各スクリーンショットはブラウザが表示した通りに正確に レンダリングされ、自動ツールが見逃すホバー状態やポップアップも 含みます。各キャプチャ上部の繰り返しナビゲーションバーを除去 するにはトリムを有効にしてください。
レシートと請求書のスキャン
フードデリバリーアプリ(Uber Eats、DoorDash)やECサイトの注文 (Amazon、eBay)の長いレシートは明細全体をキャプチャするのに2-3枚の スクリーンショットが必要なことがあります。経費報告書や保証請求用に 1つの画像に結合します。テキストが圧縮後も読みやすいようにPNG出力を 使用してください。トリムオプションは各スクリーンショットのスマホ ステータスバーを自動的に除去します。
バグレポート用のコードエディタスクリーンショット
コードコンテキスト付きのバグレポートでは50-100行を表示する必要が あることが多いです。エディタのスクリーンショットを2-3枚撮り、 縦に結合してGitHub IssueやJiraチケットに添付します。フル解像度の PNG出力はJPG圧縮で色が濁ることなく、シンタックスハイライトと 行番号を保持します。レビュアーは複数の添付ファイルをクリックする ことなく全コンテキストを見ることができます。
縦スクリーンショット結合の仕組み。
ツールは各スクリーンショットをHTML Image要素に読み込み、ピクセルサイズを 読み取り、バッチ内の最も幅の広い画像を見つけます。すべての画像がその 最大幅にスケーリングされ、アスペクト比は保持されます。最大幅と合計 積み重ね高さ(すべてのスケーリング後の高さにギャップを加算)で1つの HTML5 Canvasが作成されます。各画像がdrawImage()を使用して上から下に順次描画され、キャンバスがtoBlob()経由でPNGまたはJPGとしてエクスポートされます。
幅の正規化は重要です。1080px幅のAndroidスクリーンショットと1290px幅の iPhone 15 Pro Maxスクリーンショットを混在させると、狭い方が19.4% スケールアップされます。このスケールアップにより画像がわずかにソフトに なります。最もシャープな結果を得るには、結合前に画像リサイザーでスクリーンショットを同じ幅にリサイズしてください。ステータスバーや不要なボーダーを手動で除去するには、アップロード前に各スクリーンショットを切り抜きしてください。
スクリーンショットのPNG vs JPG出力
スクリーンショットは写真とは根本的に異なります。フラットカラー、 シャープなエッジ、1ピクセルの線、画面解像度でレンダリングされた小さな テキストを含みます。JPG圧縮はDCTベースです - 8x8ピクセルブロックを 周波数係数としてエンコードし、写真の緩やかな色遷移には効率的ですが ハードエッジには破壊的です。92%の画質でもJPGはテキストやUIボーダーの 周りに目に見えるリンギングアーティファクトを生成します。PNGは行ごとの ロスレス圧縮を使用し、すべてのピクセルを正確に保持します。ファイルは 3-8倍大きくなりますが、テキストは完璧にシャープです。
JPG出力はアップロードを圧縮するプラットフォーム(Instagram、Twitter、 Facebook)で共有する場合、またはファイルサイズがテキストの読みやすさ より重要な場合にのみ使用してください。バグレポート、法的証拠、 ドキュメント、アーカイブには常にPNGを使用してください。
余白トリミングの内部動作
トリム機能は各スクリーンショットの左上ピクセルを「背景」参照色として サンプリングします。次に4辺すべてから内側にスキャンし、すべてのピクセル が感度しきい値内で参照に一致する行と列を除去します。しきい値0は正確な RGBマッチを要求します。しきい値15はチャンネルごとに15単位の偏差を 許可し、JPG圧縮ノイズやアンチエイリアスされたエッジのわずかな色変動を キャッチします。スクリーンショットの上部に色付きのステータスバーがある 場合、その色がコーナーピクセルと異なるため、トリムはそのバーで停止します。
結合 vs. スクロールキャプチャ
スクロールキャプチャアプリ(Tailor、Picsew、LongShot)は重複検出を 自動化します - 連続するスクリーンショット間の一致するピクセル領域を見つけ、 シームレスに結合します。このツールは重複を検出しません。各スクリーン ショットを前のものの下にそのまま配置します。1つの連続するページを キャプチャする場合はスクロールキャプチャアプリを使用してください。 異なる画面、異なるアプリ、異なるタイミングの個別の重複しない スクリーンショットがある場合にこのスティッチャーを使用してください。JPG Joinerも縦積みをサポートしており、横並びやグリッドレイアウトも必要な場合に使用できます。
よくある質問。
一度に何枚のスクリーンショットを結合できますか?
ハードキャップはありません。4 GB以上のRAMを搭載したモダンなスマホやノートパソコンでは、20-30枚のスクリーンショットを問題なく処理できます。1080x1920のモバイルスクリーンショット1枚あたり約8 MBのデコード済みピクセルデータを使用するため、25枚のスクリーンショットで約200 MBのブラウザメモリを消費します。低メモリデバイスで50枚を超えるとブラウザタブが遅くなったりクラッシュする場合があります。非常に長いシーケンスの場合は、20枚ずつのバッチで結合してから、バッチ同士を結合してください。
iPhoneとAndroidのスクリーンショットに対応していますか?
はい。iPhoneはデバイス解像度でスクリーンショットをPNGとして保存します(iPhone 14 Proは1170x2532、iPhone 15 Pro Maxは1290x2796)。Androidフォンはメーカーによってpngまたはjpgで保存します - SamsungはデフォルトでJPG、PixelはPNGを使用します。このツールは3つのフォーマット(JPG、PNG、WebP)すべてに対応し、バッチ内の最も幅の広いスクリーンショットに合わせてすべての画像を自動スケーリングするため、異なる幅のiPhoneとAndroidのスクリーンショットを混在させても手動リサイズなしできれいな結果が得られます。
結合したスクリーンショットの出力はPNGとJPGどちらを使うべきですか?
スクリーンショットにテキスト、コード、UI要素、シャープなエッジが含まれている場合はPNGを使用してください。PNGはロスレスなので、文字はクリスプに、UIボーダーはピクセルパーフェクトに保たれます。ファイルサイズが鮮明さより重要な場合のみJPGを使用してください - 10枚のスクリーンショットの結合はPNGで8-15 MBになりますが、92%画質のJPGでは1-3 MBに減少します。トレードオフ: JPGはテキスト周辺、特に小さなフォントサイズに圧縮アーティファクトを導入します。チャットスレッドやバグレポートの共有には、常にPNGを選んでください。
余白トリミングオプションは何をしますか?
各スクリーンショットの周囲の均一色のボーダーを検出し、結合前に切り抜きます。多くのスクリーンキャプチャツールがパディングを追加したり、ステータスバーが意図せず含まれたり、スクロールキャプチャアプリが白い余白を残すことがあります。トリムは左上のピクセルの色から外側にスキャンし、感度しきい値内で一致する行/列を除去します。正確な色一致(純粋な白いボーダーからの純粋な白のみトリム)には感度を0に設定します。圧縮ノイズやアンチエイリアシングによるわずかな色変動には15-25に設定してください。トリミングが過度な場合は感度を下げてください。
結合した画像のスクリーンショット間に目に見える継ぎ目があります。何が問題ですか?
一般的な原因は2つあります。1つ目は重複コンテンツです: 重なりのあるスクロールスクリーンショットをキャプチャした場合、同じコンテンツが各継ぎ目で2回表示されます。このツールは重複を自動検出しません - 画像をそのまま積み重ねます。アップロード前に重複部分を切り抜くか、重複排除を処理するスクロールキャプチャアプリ(iOSのTailorやAndroidのLongShotなど)を使用してください。2つ目は幅の不一致です: 1つのスクリーンショットが1080px幅で別のが1170pxの場合、狭い方がスケールアップされ、シャープなオリジナルと比べて目に見えてソフトになります。まず画像リサイザーでスクリーンショットを同じ幅にリサイズしてください。
Tailor、LongShot、Picsewとの比較は?
Tailor(iOS)、LongShot(Android)、Picsew(iOS)はスクロールスクリーンショットの重複領域を検出してシームレスに結合します。このツールは重複を検出しません - スクリーンショットを重複除去なしで上から下に積み重ねます。1つの長いWebページやチャットを重なるスクロールキャプチャで撮影する場合はそれらのアプリを使用してください。既に個別の重複しないスクリーンショット(個別のチャットスクリーンショット、別々のページ、異なる画面)があり、それを1つの縦長画像にまとめたい場合にこのツールを使用してください。このツールはアプリのインストールや画像のアップロードなしにブラウザ内で完全に動作します。
結合前にスクリーンショットの順序を変更できますか?
はい。デスクトップでは画像リストのサムネイルをドラッグして並べ替えます。モバイルでは各サムネイルの横にある上下矢印ボタンを使用します。順序を変更するとプレビューがリアルタイムで更新されます。結合順序はリストの順序に一致し、上から下に配置されるため、リストの最初の画像が最終出力の一番上に表示されます。
結合後の出力の最大ファイルサイズは?
サイズとフォーマットによります。1080px幅で10枚のフルスクリーンモバイルスクリーンショット(各1920px高)を結合すると1080x19200の画像になります。PNGではコンテンツの複雑さに応じて通常8-15 MBです。92%のJPGでは1-3 MBに減少します。ほとんどのブラウザのCanvas APIはいずれかの方向で65535ピクセルを上限としているため、キャンバスの高さの上限に達する前に約34枚のフルスクリーンスマホスクリーンショットを縦に積み重ねることが実用的な限界です。
このスクリーンショット結合ツールは無料でプライベートですか?
はい、両方です。ツールはCanvas APIを使用してブラウザ内で完全に動作します。スクリーンショットがデバイスから出ることはありません - アップロード不要、クラウド処理なし、サーバー側のストレージなし。ブラウザの開発者ツール(F12)を開き、ネットワークタブに切り替えてスクリーンショットを結合中に確認できます。送信される画像リクエストはゼロです。アカウント不要、日次制限なし、透かしなし、プレミアムプランなし。タブを閉じればすべてがメモリから消えます。