Show HN: MergeImage – ブラウザ上で画像をローカルにマージ・ステッチするツール

MergeImage · 最終検証 2026-08-10 ブラウザ上で画像をプライベートにマージ・ステッチ MergeImageは、ブラウザ上で画像をプライベートにマージ・ステッチできるWebアプリケーションです。2つ以上の画像を追加し、順序を並べ替え、きれいなレイアウトを選択して、アカウントを作成したり元のファイルをサーバーに転送したりすることなく、完成した構成をダウンロードできます。 画像のマージ — 最大30枚のPNG、JPEG、またはWebP入力ファイルを結合します。 画像のマージ — 自然な寸法を維持するか、幅、高さ、またはグリッドセルを正規化します。 完成したマージ画像をPNG、JPEG、またはWebPとしてエクスポートします。 プライベートブラウザワークスペース 画像をアップロードせずにマージする プライベート設計：ファイルはデバイス上に留まります。 ここに画像をドロップするか、デバイスからファイルを選択してください PNG、JPEG、WebP · 各最大20 MB 画像を選択 すべてクリア 準備完了 レイアウト 水平 垂直 グリッド スマートステッチ グリッド列 間隔 画像サイズ 元のサイズを維持 幅に合わせる 高さに合わせる 均等セルに合わせる 配置 開始 中央 終了 背景 透明な背景 出力チェック 最終的なキャンバスを計算するために画像を追加します。 計画されたキャンバス — 最終的なキャンバスを計算するために画像を追加します。 大きな出力の処理 安全なサイズにスケーリング 1つの画像、比例して縮小。 サイズを維持して分割 ZIPファイル内の連番画像。 画像をマージ ⌘ マージ結果 マージ後、プレビューがここに表示されます。 マージ後、プレビューがここに表示されます。 フォーマット PNG JPEG WebP 品質 92% 画像をダウンロード 01 実用的な画像マージワークフロー 画像のマージ — 個別のファイルから予測可能な1つのキャンバスへ 画像マージワークスペースは、ダウンロードフォルダ、スキャン、またはスクリーンショットセッションの後に通常行われる実際のタスクのために設計されています。製品参照、変更前後のビュー、領収書、学習ノート、ムードボードの断片、または連続したスクリーンショットを組み合わせることができます。有用なアクションが長い説明よりも前に表示されるため、アップロードエリアが最初に配置されています。ファイルを 選択した後、画像マージキューには出力順に各アイテムが表示されます。カードをドラッグするか、アクセス可能な移動ボタンを使用して順序を変更するか、ソースファイルに触れることなく削除します。プレビューは要求されたときにのみ生成されるため、レイアウトの実験は迅速かつ元に戻すことが可能です。画像が横並びになるようにしたい場合は水平、長い比較には垂直、バランスの取れたコンタクトシートにはグリッド、繰り返し重なりがある連続スクリーンショットにはスマートステッチを選択します。間隔、配置、背景、およびサイズ設定オプションにより、画像マージの結果は他のエディタなしで使用できるようになります。 画像のマージ — 最大30枚のPNG、JPEG、またはWebP入力ファイルを結合します。 画像のマージ — 自然な寸法を維持するか、幅、高さ、またはグリッドセルを正規化します。 完成したマージ画像をPNG、JPEG、またはWebPとしてエクスポートします。 画像のマージ — 安全な手動フォールバックを備えた連続スクリーンショット用のスマートオーバーラップトリミングを使用します。 画像マージレイアウトとその最適なタスク レイアウト | 最適な用途 | サイズ変更の動作 | 順序 ---|---|---|--- 画像のマージ — 水平 | 前後比較ビュー、バナー | 高さに合わせるか自然サイズ | 左から右へ 画像のマージ — 垂直 | スクリーンショット、スキャン、ステップシーケンス | 幅に合わせるか自然サイズ | 上から下へ 画像のマージ — グリッド | コンタクトシート、製品セット | 均等セルか自然フィット | 行ごと 画像のマージ — スマートステッチ | 連続スクロールスクリーンショット | 幅に合わせ、確実な重なりをトリミング | 上から下へ 02 画像のマージ — ローカル画像処理が重要な理由 画像のマージ — プライバシーはアーキテクチャの一部であり、バッジではありません ここで画像ファイルをマージする場合、ブラウザは標準的なWebファイル機能を通じて選択されたファイルを読み込み、ローカルキャンバス用にデコードし、同じデバイスでエクスポートを作成します。このインターフェイスには、有料の画像サービス、リモート処理キュー、またはアカウントデータベースは必要ありません。したがって、ネットワークインスペクションにより、元のファイルがツールによってアップロードされていないことを確認できます。ローカル処理は、内部モックアップ、家族の写真、請求書、アプリケーションドキュメント、または未公開のクリエイティブワークなどの、一般的でありながら機密性の高い素材に特に役立ちます。また、複数の大きな写真をアップロードして再度ダウンロードする際の待ち時間も解消されます。デバイスのメモリは依然として重要であるため、ワークスペースは無制限の出力を約束するのではなく、明確な制限を表示します。現在の安全境界は、30ファイル、各入力20 MB、および結果が12,000ピクセルエッジまたは80メガピクセルを超える場合の自動縮小です。これらはブラウザ標準ではなく製品の制限です。これにより、失敗が理解しやすくなり、1つの大きすぎるキャンバスが電話や低メモリのラップトップをフリーズさせる可能性が低くなります。 03 画像のマージ — 非公開の処理なしで品質を制御する 画像のマージ — コンテンツに合ったエクスポートフォーマットを選択する PNGは、スクリーンショット、インターフェイスキャプチャ、テキストが多いグラフィック、または透明度が必要な画像マージ出力の強力なデフォルトです。JPEGは通常、写真のファイルサイズを小さくし、品質レベルを選択できます。WebPは、それを受け入れるブラウザや公開システムでサイズと視覚的な忠実度のバランスを取ることができます。ツールは、選択されたレイアウトと安全制限が許す限り、元のピクセルを保持します。幅または高さを合わせることは、構成を整列するために必要な寸法のみをリサンプリングします。表示されるプレビュー、出力寸法、および推定サイズは、ダウンロードする前に、意図しないトリミング、過剰なギャップ、または間違った順序を検出するのに役立ちます。スマートスクリーンショットオーバーラップは専用のレイアウトです。連続するスクリーンショット間の狭い縮小されたストリップを比較し、信頼できる繰り返し領域を探し、保守的な内部信頼度しきい値を超えるスコアの場合にのみトリミングします。一致が不確かな場合、画像マージワークフローは両方の画像をそのまま保持し、コンテンツをサイレントに削除する代わりにフォールバックを報告します。 04 一般的な画像マージの使用例 画像のマージ — 読み取り方に応じてレイアウトを選択する オンラインリストの場合、水平またはグリッド画像マージで、前面、側面、詳細、およびスケールビューを1つのファイルに配置できます。サポートのために、垂直構成でエラーメッセージとその生成手順を時系列で保持できます。デザインレビューの場合、間隔と中立的な背景により、代替案をスキャンしやすくなります。長いスクリーンショットは、同じビューポートから取得され、繰り返し行が共有されている場合にのみスマートオーバーラップの恩恵を受けます。異なる角度から撮影されたドキュメントは、通常、オーバーラップ除去なしの垂直結合が必要です。コンタクトシートは均等なグリッドセルから利益を得ますが、視覚的な比較は自然な比率が維持されている場合に、より正直に読めることが多いです。適切な画像マージ結果が常に最小のファイルとは限りません。テキストの明瞭さ、元の縦横比、下流のサイズ制限、およびリーダーの画面がすべて選択に影響します。意図したスケールでプレビューし、次にテキストの鮮明さにはPNG、写真が多い共有にはJPEG、または宛先が明示的にサポートしている場合はWebPを選択します。 05 画像のマージ — 検証可能なブラウザ実装 画像のマージ — ワークフローの背後にある公式Web API 実装は、不透明な画像エンドポイントではなく、文書化されたブラウザプリミティブに従います。MDNは、画像ソースからビットマップを作成する非同期方法としてcreateImageBitmap()を文書化しており、canvas.toBlob()はキャンバスコンテンツからエンコードされたBlobを作成します。W3C File APIは、ブラウザのファイルピッカーによって公開されるファイルオブジェクトを定義します。このページの商品情報は、2026-08-03の実行ビルドに対してチェックされました。チェックでは、異なる寸法と色の2つの生成されたPNGフィクスチャを使用し、マージされたプレビューでの順序を確認し、出力をダウンロードし、保存されたファイルをデコードして期待されるキャンバス寸法を検証しました。これはトラフィックや人気を主張するものではなく、再現可能な製品テストです。ブラウザは最終的な互換性の境界です。古いブラウザがソースフォーマットをデコードできないか、要求された出力をエンコードできない場合、ツールはエラーを表示し、元のファイルを変更せずに保持します。ガイドは、フォーマットの選択、スクリーンショットのオーバーラップ、およびプライバシーの決定について、すべての画像に1つの設定が適合すると主張することなく説明しています。 画像のマージ 画像のマージ — 個別のファイルから予測可能な1つのキャンバスへ 画像のマージ 水平 画像のマージ 垂直 画像のマージ グリッド 画像のマージ スマートステッチ 画像のマージ 元のサイズを維持 画像のマージ 幅に合わせる 画像のマージ 高さに合わせる 画像のマージ 均等セルに合わせる 画像のマ