猫の手貸し

インスタ用
正方形・余白追加

縦長で見切れてしまう写真を、切らずにそのまま。
おしゃれな余白(白枠・黒枠)を付けて正方形にします。

仕上がり例を見る

写真をえらぶ

ドラッグ&ドロップ、またはクリック

JPG / PNG / HEIC / WebP

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

🐾 PR

なぜ余白(白枠)を追加するの?

📱 Instagramのプロフィール画面対策

このツールは、縦長や横長の写真を余白付きの「1:1の正方形」に収めます。Instagramの投稿画面やプロフィールでの表示範囲は異なる場合があるため、投稿前に顔や文字の見え方を確認してください。

🎨 余白でギャラリーに「統一感」を

写真の長辺に合わせて正方形のキャンバスを作り、そこに画像を配置(余白を追加)することで、写真全体を含む正方形の画像を作ることができます。

💡 どっちを選ぶ? 白枠と黒枠

白枠はインスタアプリの標準背景(ライトモード)と同化するため、写真がふんわりと浮かび上がるような清潔感・透明感が出ます。迷ったら白枠がおすすめです。黒枠は、映画のワンシーンのようなシネマティックで引き締まった印象を与えたい時によく使われます。

📝 正方形・白枠追加ツールの使い方

1

写真を選択する

「写真をえらぶ」エリアをクリック、または画像をドラッグ&ドロップして読み込みます。iPhoneのHEIC形式にも対応しており、スマホで撮った写真をそのまま加工できます。

2

背景色(余白の色)を選ぶ

白枠または黒枠のボタンを選択します。プレビュー画面で実際の仕上がりを確認しながら、写真の雰囲気に最適な色を選んでください。

3

生成と保存

「正方形画像を作成する」ボタンを押すと、高品質なJPEG画像が生成されます。そのまま「保存する」ボタンでデバイスに保存し、Instagramに投稿しましょう。

💡 どんな人におすすめ?

インスタのグリッドを整えたい方

すべての投稿を白枠付きの正方形で統一することで、プロフィール画面がカタログのように美しく整理されます。

縦長写真の端まで見せたい方

人物の全身写真や高層ビルの写真など、正方形に切り取ると魅力が半減してしまう写真をフルサイズで投稿したい時に最適です。

アプリを入れるのが面倒な方

数枚の加工のために専用アプリをインストールしたくない方へ。ブラウザを開くだけですぐに使えます。

映画風の演出をしたい方

黒枠(レターボックス)を追加することで、日常の風景写真をシネマティックでドラマチックな一枚に変えることができます。

🔒 プライバシーと安全性

当サイトの画像処理ツールは、プライバシー保護のために最新のウェブ技術を使用しています。画像処理のすべてはあなたのデバイス(ブラウザ)内で行われ、写真データが外部サーバーへ送信されることは一切ありません。 大切な思い出やプライベートな写真も、画像を加工用サーバーに預けず加工できます。

入力・出力のポイント

写真を1枚選び、余白を白または黒から選びます。

出力
出力はJPEG品質0.95です。

仕上がりの確認:縦長写真には左右、横長写真には上下の余白が付きます。元が正方形なら余白は増えず、枠幅や写真位置を変える機能はありません。

入力形式と保存の手順

入力:JPG・PNG・WebP、HEIC/HEIF(変換して読み込み)。形式や端末によって読み込めない場合は、JPGまたはPNGで試してください。

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

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

仕上がりの例

横長の写真に黒い余白を加え、正方形にした例です。

加工前・加工後
左は屋外で2人が自撮りした横長写真。右は写真全体を残して上下に黒い余白を加えた正方形画像。

サンプルにはAIで生成した架空の人物画像を使用しています。

加工前・加工後

左は屋外で2人が自撮りした横長写真。右は写真全体を残して上下に黒い余白を加えた正方形画像。

❓ よくある質問

Q. 対応している画像形式は何ですか?

一般的なJPG、PNG、WebPに加えて、iPhoneで標準的なHEIC形式にも対応しています。自動的にJPEGに変換して保存されます。

Q. 画質は落ちますか?

長辺2000pxを超える入力は縮小し、写真全体を正方形へ収めてJPEG品質0.95で書き出します。縮小と再圧縮があるため、元ファイルの解像度や画質を常に維持する変換ではありません。

Q. 処理が途中で止まってしまいます。

非常に高画質な写真(10MB以上など)の場合、デバイスのメモリ不足で処理できないことがあります。その場合は、少し解像度を下げた写真でお試しください。

☕ 開発ノート
</>

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

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

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

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