PNGファイルを1つの画像にオンラインで無料結合。
PNG画像を1つのロスレスファイルに結合。透過はそのまま保持、テキストは シャープ、ブラウザから外にファイルが出ることはありません。PNGからPDFへの 結合やJPGへの変換も可能です。
Drop your images here
or browse files or paste from clipboard
PNGファイルを1つに結合する方法。
PNGファイルをドロップ
PNG、JPG、またはWebPファイルをアップロードエリアにドラッグします。 モバイルではタップしてフォトライブラリを参照します。任意の組み合わせ で無料でPNGファイルを結合でき、アップロードしたフォーマットに関係なく 出力は常にロスレスPNGです。
配置と設定
縦並び、横並び、またはグリッドレイアウトを選択します。サムネイルを ドラッグして順序を設定します。PNGはロスレスなので画質スライダーは ありません - プレビューに表示される通りにダウンロードされます。
結合したPNGをダウンロード
ワンタップでPNGを1つのファイルに結合して保存。ダウンロードは ブラウザから即座に行われます - サーバー処理なし、キューなし。 出力は共有、印刷、どこにでも埋め込める標準.pngファイルです。
PNGが適切な出力フォーマットである場面。
スクリーンショットとコードスニペット
画面解像度でレンダリングされたテキストには硬いピクセルエッジがあります。 JPG圧縮はそのエッジを色のにじみで塗りつぶします - 100%ズームで見え、 200%で明確になります。PNGはレンダリングされた通りにすべてのピクセルを 正確に保存するため、ターミナル出力、コードエディタ、エラーメッセージの 結合スクリーンショットは完全に読みやすいままです。バグレポートや Confluenceページにスクリーンショットを添付する場合、PNGはQAチームや 開発者が期待するフォーマットです。
透過のあるロゴとUIアセット
JPGにはアルファチャンネルがありません - 透明な領域は白(またはエンコーダ のデフォルト値)になります。PNGは透過を保持するため、2つのロゴバリエーション やアイコンセットを1つのリファレンスシートに結合しても、透明な背景が そのまま維持されます。開発者へのハンドオフ用にアセットシートを作成する デザイナーにはこれが必要です。結合出力のアルファチャンネルを維持するには、 カスタマイズパネルで背景を透明に設定してください。
チャート、図、ワイヤーフレーム
データビジュアライゼーションには細い線、小さなラベル、ソリッドカラーの 塗りがあります。JPGのブロックベース圧縮は細い線をぼやけた汚れに変え、 ソリッドカラーの境界にノイズを導入します。PNGはデータを失わずに行ごとに 圧縮するため、これらを完璧に処理します。アーキテクチャ図とシーケンス図を デザインレビュー用に並べて結合しても、最小のアノテーションまで 読めるほどクリスプに保たれます。
ピクセルアートとレトロゲームアセット
ピクセルアートは各ピクセルが正確な色値であることに依存します。JPG圧縮を 1回通すだけで、きれいな16x16スプライトがアーティファクトに囲まれた ぼやけた塊になります。PNGはすべてのピクセルを保持するため、スプライト シート、タイルマップ、エモートグリッドの結合には唯一の選択肢です。 小さなスプライトを補間ブラーなしでスケールアップするには、 「シャープ」リサイズフィルターのグリッドレイアウトを使用してください。
2枚以上のPNGファイルを結合する方法。
2枚のPNGファイルでも50枚でも手順は同じです。上のアップロードエリアに ドロップし、順序を設定し、レイアウトを選んでダウンロードします。 よくあるシナリオでの使い方を以下に説明します。
2枚のPNGファイルを1つに結合する方法
最も一般的なケースです。2つのPNGファイルをツールにドロップします。 横並びの比較(ビフォー/アフター、2枚のスクリーンショット)には横並び レイアウトを選びます。積み重ね(長いドキュメントやチャットスレッドの 2つの半分)には縦並びを選びます。ツールは短い方の寸法で自動整列します。 一方の画像が1920 px幅でもう一方が1440 pxの場合、狭い方は両側に背景で 埋められて中央に配置されます。異なるサイズの2枚のPNG画像を結合できますが、 縦並びでは幅が一致、横並びでは高さが一致している方がきれいに仕上がります。
複数のPNGファイルを1つに結合する方法
3枚以上のファイルの場合、グリッドレイアウトが最適なことが多いです。 すべてのPNGをドロップし、列数を2、3、4に設定すると、ツールが行に 配置します。3枚のPNGファイルをリファレンスシートに結合したり、 スクリーンショットのフォルダ全体を1つの画像にまとめるのに適しています。 8 GB RAMのデスクトップでは、15-20枚のスクリーンショットを遅延なく バッチ結合できます。スマホでは8-10枚以下がスムーズです。
MacでPNGファイルを1つのPNGに結合する方法
SafariまたはChromeでこのページを開きます。FinderからPNGファイルを アップロードエリアに直接ドラッグします。Cmd+Shift+4でスクリーンショット をコピーし、ディスクに保存せずにCmd+Vでツールに貼り付けることもできます。 macOSのプレビューでも2枚の画像を結合できますが、手動でキャンバスの サイズ変更と各画像の配置が必要です。このツールはレイアウトの計算を 自動処理し、ダウンロードフォルダに直接保存します。
結合画像のPNG vs JPG。
違いは各フォーマットのデータ圧縮方法に由来します。JPGは画像を8x8 ピクセルブロックに分割し、周波数変換を使って各ブロックの色を近似します。 細かいディテール - 1ピクセルの線、小さなテキスト、シャープな色の 遷移 - は滑らかにされたりずれたりします。92%の画質では写真では見えません。 12pxのモノスペーステキストのスクリーンショットでは、すべての文字の周りに 色のハローが生じます。
PNGは予測フィルターを使って各ピクセル行を圧縮し、次にdeflate(ZIPと同じ アルゴリズム)を適用します。データは一切破棄されません。トレードオフは ファイルサイズです: 1920x1080のスクリーンショットはPNGで通常200-500 KB、 92%のJPGで80-150 KBです。4000x3000のカメラ写真はPNGで20 MB、JPGで3 MB になり得ます。スクリーンショットやグラフィックスでオンラインPNG結合する場合、 サイズの違いは価値があります。カメラ写真のアルバムやコラージュには、代わりにJPG Joinerを使用してください。3つのフォーマットすべての実際のファイルサイズベンチマークの詳細な比較は、JPG vs PNG vs WebP比較をご覧ください。
PNGファイルを無料結合する際のファイルサイズの目安
2枚の1080pスクリーンショットを縦に結合すると1920x2160の画像になります。 PNGでは、コンテンツの複雑さに応じて約400 KBから1 MBです。フラットカラーの UIスクリーンショットはよく圧縮されます(400 KB寄り)。シンタックスハイライト や多くの色のある詳細なコードエディタは1 MB付近になります。10枚の スクリーンショットをグリッドで結合(約5760x3600)すると5-8 MBになることが あります。Slack(上限1 GB)やメール(通常25 MB)のファイルサイズ制限では、 スクリーンショットのPNG結合はほぼ常に収まります。写真の結合でサイズが 問題になります。
PNGからJPGへ、またはPNGからPDFへの結合
画像がカメラ写真で、より小さいファイルのためにPNGをJPGに結合したい場合、JPG結合ツールは通常表示サイズで見た目の違いなく5-10倍小さいファイルを生成します。PNG入力を受け付け、自動的にJPGに変換します。
印刷やフォーム提出用にPNGファイルを1つのPDFに結合する必要がある場合は、PNGからPDFツールを使用してください。JPGと一緒にPNGファイルを受け付け、各画像をA4またはレターサイズの別々のPDFページに変換します。このツールと同じブラウザ内のプライバシーで、PNGからPDFに無料結合できます。
よくある質問。
PNGファイルの結合で画質は劣化しますか?
いいえ。PNGはロスレス圧縮を使用するため、結合後の出力はオリジナルとピクセル単位で同一です。Canvas APIは各ソース画像をフル解像度で読み込み、再圧縮なしで出力キャンバスに描画します。400%ズームでソースピクセルと結合ファイルの同じピクセルを比較しても、違いはゼロです。これがスクリーンショット、UIモックアップ、シャープなエッジやテキストのあるグラフィックスの結合にJPGよりPNGを選ぶ主な理由です。
PNGファイルを結合するとき透過はどうなりますか?
ソース画像の透過は結合キャンバス上で保持されます。背景色を白(デフォルト)に設定すると、透明な領域は白で塗りつぶされます。結合出力で透明な背景を維持する必要がある場合は、カスタマイズパネルで背景を透明に設定してください。注意点として、透過PNGを不透明なJPGの上に結合すると、透過領域はキャンバス上の背後にあるもの(選択した背景色)とブレンドされます。
結合したPNGファイルが大きいのはなぜですか?
PNGファイルはロスレスなので、データを破棄せずにすべてのピクセルを保存します。4000x3000の1枚のスマホ写真は、PNGでは15-25 MBですがJPGでは2-4 MBです。複数の写真を結合すると、出力サイズが大きくなりファイルサイズも増えます。圧縮が許容される写真の場合は、代わりにJPG Joinerを使用してください - 5-10倍小さいファイルを生成します。PNGはスクリーンショット、ロゴ、図、テキストやフラットカラーのあるもので、JPG圧縮が目に見えるブロック状のアーティファクトを作成する場合に、サイズのコストに見合います。
JPGとPNGファイルを一緒に1つのPNGに結合できますか?
はい。JPG、PNG、WebPファイルを任意の組み合わせでドロップできます。混合入力でPNGからPNGに結合する場合、ツールはすべてを内部的にPNGキャンバスに変換するため、入力フォーマットに関係なく出力は常にロスレスPNGファイルになります。スクリーンショット(PNG)とカメラ写真(JPG)が混在して1つのファイルにまとめる必要がある場合に便利です。JPG入力はPNGとして再保存しても画質が向上するわけではありませんが(既にある圧縮をそのまま持ちます)、追加の画質劣化もありません。
一度に何枚のPNGファイルを結合できますか?
ツールにハードリミットはありませんが、PNGファイルはキャンバス上で非圧縮なのでメモリを多く消費します。8 GB RAMのノートパソコンでは、10-15枚のスクリーンショット(各1920x1080)を問題なく結合できます。2枚のPNGファイルの結合も、3枚の結合も、フォルダ全体の結合も可能です。3-4 GB RAMのスマホでは、約8枚までスムーズに処理できます。ブラウザタブがクラッシュまたはフリーズした場合、メモリの壁に達しています - 画像数を減らすか、他のタブを閉じてRAMを解放してください。大量の写真バッチ(20枚以上)には、JPEGデータがメモリ上ではるかに小さいため、JPG Joinerの方が効率的に処理します。
PNG結合とJPG結合のどちらを使うべきですか?
テキスト、シャープなエッジ、フラットカラー、透過、またはピクセル精度のグラフィックスを含む画像にはPNGを使用してください。スクリーンショット、コードスニペット、UIワイヤーフレーム、ロゴ、チャート、図はすべてPNGの方が顕著に良く見えます。写真、自然の風景、複雑なテクスチャには、目が圧縮アーティファクトに気づかないJPGを使用してください。簡単なテスト: JPGスクリーンショットを200%にズームしてテキストのエッジを見てください。文字の周りに色のハローやブロック状のアーティファクトが見えたら、その画像はPNGにすべきでした。
制限なしでPNGを無料で結合できますか?
はい。日次制限、透かし、登録なしでPNGを無料で結合できます。ツールはHTML5 Canvas APIを使用してブラウザ内で完全に動作します。画像はローカルメモリに読み込まれ、キャンバス上に描画され、新しいPNGファイルとしてエクスポートされます。ネットワーク経由で画像データが送信されることはありません。ブラウザの開発者ツール(F12)を開き、ネットワークタブに切り替えて結合中に確認できます。送信される画像リクエストはゼロです。
スマホで2枚のPNG画像を結合するには?
スマホのSafariまたはChromeでこのページを開きます。アップロードエリアをタップして、カメラロールまたはファイルアプリから2枚以上の画像を選択します。矢印ボタンをタップして順序を設定し、レイアウトを選んでダウンロードをタップします。結合されたPNGはデバイスに直接保存されます。iPhoneではファイルがプレビューで表示される場合があります - 共有アイコンをタップして「ファイルに保存」を選ぶか、メッセージやメールで送信してください。アプリのインストールは不要です。2枚のPNGファイルでも10枚でも手順は同じです。
PNGファイルを1つのPDFに結合するには?
このツールはPNGを出力します。PDFではありません。PNGを1つのPDFに結合するには、本サイトのJPGからPDFコンバーターを使用してください - JPGと一緒にPNGファイルも受け付けます。PNGをアップロードエリアにドロップし、ページサイズ(A4またはレター)を設定してPDFをダウンロードします。各PNGが別々のページになります。同じブラウザ内のプライバシーで、PNGからPDFにオンラインで無料結合できます。「1つのPDF」を求める政府フォームやビザ申請では、PNGスクリーンショットから提出可能なドキュメントへの最速の方法です。
PNGの代わりにPNGをJPGに結合できますか?
はい、ただしこのツールではできません - このツールはロスレス品質のためにPNGを出力します。PNGをJPGに結合するには、ホームページのJPG Joinerを使用してください。PNG入力を受け付け、自動的にJPG出力に変換します。トレードオフとして、JPGは非可逆なのでテキストのエッジやシャープな線がわずかに柔らかくなりますが、出力ファイルは5-10倍小さくなります。ファイルサイズがピクセル精度より重要なカメラ写真やSNS投稿には、JPGがより良い選択です。