猫の手貸し

Before/After
画像連結ツール

2枚の写真をピタッと1枚にまとめます。
選んだ画像の加工はブラウザ内で行います。

仕上がり例を見る

連結したい2枚の写真を選んでください

1枚目 (Before)

2枚目 (After)

画像はブラウザ内で処理します

🐾 PR

📝 詳しい使い方

1. 写真を2枚選ぶ

連結したい写真を順番に選んでください。HEIC形式(iPhone写真)にも自動対応しています。

2. 並べ方を設定

「横ならび」か「縦ならび」かを選びます。画像の高さや幅はツールが自動で綺麗に揃えます。

3. 保存して完了

連結ボタンを押して完成。スマホの場合は画像を長押しして「写真」に保存することも可能です。

💡 こんな人におすすめ!

📦 フリマアプリの出品者様

メルカリやヤフオクで、商品の表裏やアップ写真を1枚の画像にまとめて情報量を増やしたい時に最適です。

💪 美容・ダイエットの記録に

筋トレの成果やダイエットの経過をBefore/After画像として作成し、SNSで変化をわかりやすく伝えられます。

🏠 リフォームやDIYの記録に

お部屋の模様替え前後の比較画像を作成できます。縦並び・横並びを自由に使い分けて空間の変化を表現しましょう。

🎨 デザイン素材の作成に

ブログのアイキャッチ画像やポートフォリオ用に、手軽に複数の写真を連結したいデザイナーの方にもおすすめです。

🔒 プライバシーと安全性

当ツールの画像連結処理は、すべてお客様のデバイス上(ブラウザ内)で行われます。 選択した画像が外部サーバーへ送信・保存されることは一切ありません。ダイエットの記録写真やプライベートな出品画像も、安心してお使いいただけます。

入力・出力のポイント

比較したい2枚を別々の欄へ読み込み、横・縦の配置と境界線の有無を選びます。

出力
2枚の画像を横または縦に並べ、JPEG(品質指定 0.9)で保存します。

仕上がりの確認:片方を拡大することもあるため、低解像度画像の粗さを確認します。位置合わせは写真の比率を揃える工程で、被写体の自動追跡ではありません。

入力形式と保存の手順

入力:比較用の画像を2枚。JPG・PNG・WebPと、HEIC/HEIFの変換経路があります。縦横の比率は異なっていても連結できます。

完成画像を確認し、「連結した画像を保存」で端末へ保存します。保存先でファイルを開き、寸法と仕上がりを確認してください。画像の保存ボタンが使えない場合は、完成画像の長押しも試せます。

処理の仕組みと検証条件を読む

仕上がりの例

猫の写真2枚の高さをそろえ、白い境界線を付けて横につないだ例です。

加工前・加工後
左は縦長の猫写真と愛猫2匹が並ぶ横長の写真。右は2枚を同じ高さで横に連結した画像。

加工前・加工後

左は縦長の猫写真と愛猫2匹が並ぶ横長の写真。右は2枚を同じ高さで横に連結した画像。

❓ よくある質問

Q. 推奨される画像サイズはありますか?
1枚目の長辺を3000px以下に調整し、2枚目は並べる方向に合わせて高さか幅をそろえます。小さな画像が拡大されると粗く見える場合があります。大きな写真は読み込み時にもメモリを使います。処理が止まる場合は、元画像を小さくしてから選び直してください。
Q. 写真の高さや幅が違う場合はどうなりますか?
横並びの場合は「高さ」を、縦並びの場合は「幅」を基準に、ツールが自動でアスペクト比を保ったままサイズを揃えます。ご自身で事前に切り抜く必要はありません。
Q. エラーで画像が表示されない場合は?
ブラウザのメモリ状況により、稀に読み込みが止まることがあります。その場合はページを再読み込み(リロード)して、もう一度お試しください。
☕ 開発ノート
</>

このツールの裏側・仕組み

技術的な仕組みや、安全に処理を行うための工夫などを解説しています。

🐾 [PR] スポンサーリンク

いつも ツール をご利用いただきありがとうございます🐾