画像連結・結合ツール（無料・登録不要・ブラウザ完結）

ビフォーアフター比較画像を作る

「横連結」モードを使い、ビフォー画像→アフター画像の順でセット。余白を10〜20pxに設定し背景色を白にするとスマートな比較画像になります。SNS投稿・ブログ記事・商品紹介ページに最適です。

レシピ・手順を縦並びで一枚にまとめる

「縦連結」モードで手順写真を順番通りに並べて連結。余白を8pxほど入れると視認性が上がります。料理ブログ・DIY・ハンドメイドの手順画像としてよく使われます。

SNSコラージュ（4枚・9枚グリッド）

「グリッド」モードで列数2〜3を選択。4枚→2×2、9枚→3×3のコラージュ風投稿画像を作成できます。Instagramのフィードやブログのまとめ画像に活用できます。

スクリーンショットを1枚にまとめる

「縦連結」または「横連結」でスクリーンショット複数枚を結合。操作手順の説明・レポート・マニュアル作成時に便利です。余白0pxにすると継ぎ目なく自然につながります。

商品画像・カタログページ

ECサイト向けに複数の商品写真を「グリッド」でまとめることで、一覧サムネイル画像を作成できます。背景色を商品に合わせてカスタマイズ可能です。

縦連結の場合（幅を統一）

全画像の幅を「最大幅の画像」に合わせてリサイズします。縦横比は保持されるため、縦長・横長が混在していても自動で調整されます。例: 幅800pxと幅1200pxの画像を縦連結→どちらも幅1200pxにリサイズして連結。

横連結の場合（高さを統一）

全画像の高さを「最大高さの画像」に合わせてリサイズします。縦横比は保持されます。例: 高さ600pxと高さ900pxの画像を横連結→どちらも高さ900pxにリサイズして連結。

グリッドの場合（セルサイズを統一）

グリッドの各セルは「全画像の最大幅 ÷ 列数」で算出したサイズに統一します。縦横比保持でセル内に収まるようにリサイズし、余白部分は背景色で埋めます。

元画像サイズを保持したい場合

縦横比は常に保持されますが、小さい画像が引き伸ばされることがあります。同じ幅・高さの画像を使うか、事前に「画像リサイズツール」で揃えてから連結すると最高品質になります。

PNG を選ぶべき場合

背景色を透過にした連結画像・スクリーンショット・テキストや線画が含まれる画像の連結に推奨です。可逆圧縮なので画質の劣化がなく、再編集後も高品質を保てます。ファイルサイズは JPEG より大きくなります。

JPEG を選ぶべき場合

写真系の連結・SNS投稿・Web掲載用でファイルサイズを抑えたい場合に推奨です。品質80〜90に設定すると、視覚的な劣化をほぼ感じさせずにファイルサイズを大幅削減できます。

品質スライダーの目安

• 95〜100: 最高品質。ファイルサイズは大きい（印刷用・原本保存）
• 80〜90: 高品質。Web掲載・SNS投稿に最適（推奨）
• 60〜75: 中品質。メール添付・軽量化優先の場合
• 〜50以下: 低品質。サムネイル・下書き確認用途のみ推奨