メインコンテンツへスキップ

画像に白枠追加 – 無料オンラインツール、登録不要

エディターを準備中…

写真全体を正方形キャンバスに収め、余白を白で埋めます。Instagramグリッド、商品リスト、プロフィールヘッダーに最適です。無料、登録不要、透かしなし。ブラウザ内で処理されます。

ここでの白枠追加とは、写真全体を正方形キャンバス内に配置し、未使用の端を 単色の白い余白にすることです。クロップとは異なります。画像の側面を切り取るのではなく、フレームを作ります。エディターは白が選択された単色背景の正方形を使うため、「枠」が予測可能で印刷にも適した仕上がりになります。

上のツールでライブプレビューを確認し、ダウンロードタブから書き出してください。平坦な白ではなく柔らかい見た目が必要なら、正方形画像メーカー全体で ぼかしフォトフレーム をお試しください。

ビフォー・アフター:何が変わるか

ここには画像スライダーはありません。結果を明確にお示しします。 ビフォー: 1:1スロットに合わない縦長・横長の写真です。そのままアップロードすると、多くのアプリが中央をクロップしたり、予測不能に縮小します。 アフター: 同じ写真が正方形キャンバス内に全体が収まり、余った領域は均等な白い余白(レターボックス)になります。被写体全体を保持し、変わるのは余白のスタイルだけです。単色の白ではなく柔らかい塗りつぶしには ぼかしフォトフレーム をご利用ください。

  • 縦長写真: 左右に白いバーが付き、中央の被写体はクロップされません。
  • 横長写真: 上下に白いバーが付き、正方形内で全幅が保持されます。
  • すでに正方形: プラットフォームの圧縮に合わせ、1080×1080などのプリセットで書き出せます。

3ステップで白枠を追加

ページは単色背景の正方形と白背景がすでに選択された状態で読み込まれます。アカウントは不要で、処理は端末内で完結します。

すべてのオプションを一か所で使いたい場合は、 正方形画像メーカー を開いて、ぼかし背景、クロップ、リサイズなどのプリセットをご利用ください。

  1. JPG、PNG、WEBP(最大10MB)をアップロードします。画像が正方形プレビューの中央に表示されます。
  2. 白枠を維持します。単色背景の正方形のまま、色コントロールで白を選択してください(変更した場合)。ズームや回転は、正方形内に写真をどれだけ配置するか調整する場合のみ使います。白い領域が枠になります。
  3. ダウンロードタブから書き出しします。SNSフィード向け1080×1080または1200×1200、最大解像度が必要ならOriginal、JPG・PNG・WEBPから選びます。

白枠が役立つ場面

白いフレームは中立的な余白として読まれます。忙しいフィードから被写体を分離し、アスペクト比を一貫させます。このページを使う典型的な理由は次のとおりです。

白い余白のある正方形は、縦長・横長ショットをクロップせずにギャラリー風の見た目を与えます。ソースが十分大きければ、フィード投稿向け1080×1080で書き出してください。

白背景(または白余白を追加した)商品写真は、検索結果やカテゴリページで一貫して見えます。Amazonなどの販売者は、中立的な白背景のメイン画像が必要なことが多いです。カテゴリごとに規定が異なるため、最新要件を確認のうえ、ソースが許せば2000×2000などの正方形で書き出してください。このツールは商品全体を表示したまま1:1タイルに標準化します。

デザイナーや写真家は、混合アスペクト比の画像を正方形スライドにレターボックスすることが多いです。白余白は、1:1アセットを期待するテンプレートで目立つ色バーを避けられます。

プラットフォームがアップロードを正方形にクロップする場合、事前に白でパディングすると、自動クロップが重要な端を切り取るのを防げます。構図全体がセーフエリア内に収まります。

InstagramとSNSグリッド

白い余白のある正方形は、縦長・横長ショットをクロップせずにギャラリー風の見た目を与えます。ソースが十分大きければ、フィード投稿向け1080×1080で書き出してください。

EC・マーケットプレイス

白背景(または白余白を追加した)商品写真は、検索結果やカテゴリページで一貫して見えます。Amazonなどの販売者は、中立的な白背景のメイン画像が必要なことが多いです。カテゴリごとに規定が異なるため、最新要件を確認のうえ、ソースが許せば2000×2000などの正方形で書き出してください。このツールは商品全体を表示したまま1:1タイルに標準化します。

ポートフォリオ・プレゼン

デザイナーや写真家は、混合アスペクト比の画像を正方形スライドにレターボックスします。白余白は、1:1アセットを期待するテンプレートで目立つ色バーを避けられます。

サムネイル・アプリストアアート

プラットフォームがアップロードを正方形にクロップする場合、事前に白でパディングすると、自動クロップが重要な端を切り取るのを防げます。構図全体がセーフエリア内に収まります。

白枠 vs その他の正方形化方法

1:1画像だけが必要なら、出力に合ったワークフローを選んでください。このページの位置づけは次のとおりです。

写真全体を表示したままきれいな単色フレームの正方形が欲しいときに最適です。フィード、リスト、中立的ブランディング向けです。

平坦な白の代わりにぼかしコピーで正方形を塗りつぶします。はっきりした余白より質感が欲しいときに向いています。

余白を追加せず1:1に切り取ります。フレームの一部を失ってもよく、端から端までコンテンツが欲しいときに使います。

似た考え方です。被写体の周りに追加スペースを設けますが、調整可能な余白や別プリセットを強調する場合があります。専用の余白ワークフローが必要なら比較してください。

円の外側が透明PNGの丸いアバター向けです。白い正方形フレームではありません。プラットフォームが円形マスクを表示するときは円形クロップを使います。

白枠(このページ)

写真全体を表示したままきれいな単色フレームの正方形が欲しいときに最適です。フィード、リスト、中立的ブランディング向けです。

[ ぼかしフォトフレーム ](/blurred-frame)

平坦な白の代わりにぼかしコピーで正方形を塗りつぶします。はっきりした余白より質感が欲しいときに向いています。

[ 正方形にトリミング ](/crop-to-square)

余白を追加せず1:1に切り取ります。フレームの一部を失ってもよく、端から端までコンテンツが欲しいときに使います。

[ 画像に余白を追加 ](/image-padding)

似た考え方です。被写体の周りに追加スペースを設けますが、調整可能な余白や別プリセットを強調する場合があります。専用の余白ワークフローが必要なら比較してください。

[ 円形クロップ ](/circle-crop)

円の外側が透明PNGの丸いアバター向けです。白い正方形フレームではありません。プラットフォームが円形マスクを表示するときは円形クロップを使います。

推奨サイズ:Instagram、Amazon、その他

これらは実用的な出発点です。各プラットフォームの販売者・クリエイターヘルプで最新ルールを必ず確認してください。白背景の写真にはJPGが通常十分です。エッジのロスレスや他ワークフローでの透明が必要ならPNGを使いましょう。

  • Instagram(正方形フィード): 標準1:1投稿向けに1080×1080を書き出します。アプリ内圧縮前に余分なピクセルが欲しければ1200×1200です。写真は白余白の正方形内に収まり、白枠・レターボックス向けに最適です。詳細:Instagram正方形画像サイズ
  • Amazonなどのマーケットプレイス: 多くのカテゴリで、商品がフレームを埋める純白(#FFFFFF)のメイン画像が期待されます。最小寸法・ファイル規則はカテゴリ・地域で変わります。ソース解像度が許せば2000×2000または1600×1600の正方形で書き出し、Seller Centralで確認してください。専用ガイド:Amazon向け正方形画像
  • Etsy、Shopify、一般ショップ: 正方形タイルはテーマにより1000×1000から2048×2048です。白余白は、オリジナルが混合アスペクト比でもカタログ行を視覚的に揃えます。
  • LinkedInなど: 正方形投稿や一部広告ユニットは1200×1200やプラットフォーム固有プリセットを使います。ソースが許せば大きめに書き出してください。
  • アーカイブ/再利用: Original(または最大プリセット)を選び、1つのマスターファイルからメール、印刷、将来のキャンペーン用に再リサイズできます。

仕上がりを良くする白枠のコツ

端を切る意図がなければ、正方形クロップに切り替えないでください。単色背景の正方形は写真をフィットさせ、典型的な横長・縦長ショットでは四辺均等に枠ができます。

小さな正方形を高DPIスロットにアップロードするとぼやけることがあります。迷ったら最小より1段階大きく書き出し、プラットフォームにダウンスケールさせてください。

純白(#ffffff)は画面向けの標準です。印刷パンフレットでは、ごく薄い暖色グレーがコントラストを和らげることがあります。単色背景の正方形で任意のhexを選べます。

白背景の写真はJPGで圧縮しやすいです。ロゴ、文字入りスクリーンショット、再合成するアセットは、ファイルが大きくてもPNGが有利な場合があります。

画像全体をフレーム内に

端を切る意図がなければ、正方形クロップに切り替えないでください。単色背景の正方形は写真をフィットさせ、典型的な横長・縦長ショットでは四辺均等に枠ができます。

書き出しサイズを用途に合わせる

小さな正方形を高DPIスロットにアップロードするとぼやけることがあります。迷ったら最小より1段階大きく書き出し、プラットフォームにダウンスケールさせてください。

印刷向けにオフホワイトを試す

純白(#ffffff)は画面向けの標準です。印刷パンフレットでは、ごく薄い暖色グレーがコントラストを和らげることがあります。単色背景の正方形で任意のhexを選べます。

写真はJPG、グラフィックはPNG

白背景の写真はJPGで圧縮しやすいです。ロゴ、文字入りスクリーンショット、再合成するアセットは、ファイルが大きくてもPNGが有利な場合があります。

白枠・レターボックスの使いどころ

日本では「写真 白枠」「instagram 白 border」「レターボックス 画像」などで検索されます。EC・SNSでクロップせず1:1にしたいときに白枠が有効です。

Instagram・プロフィール

横長写真を1080×1080にフィットさせ、上下または左右を白で埋めるとグリッドが整います。

Amazon・Shopify商品

白背景規定のマーケットプレイスでは、商品を中央に置いた白枠正方形がメイン画像の定番です。

日本のEC・SNS向けの使い方

Instagram・X・note

Instagramの正方形フィードやXの投稿カードは1080×1080が実用的な出発点です。白枠は縦長・横長の写真をクロップせずにギャラリー風に揃えられ、noteやブログのアイキャッチを1:1に統一するときにも使われます。

Amazon・楽天・メルカリ

Amazonや楽天の商品画像はカテゴリごとに白背景(#FFFFFF)の1:1が求められることが多いです。白枠は商品全体を表示したまま正方形タイルに標準化でき、メルカリやBASEのサムネイル列も視覚的に揃います。Seller Centralや各モールの最新規定は必ず確認してください。

ポートフォリオ・印刷

デザイナーのBehanceやココナラのサムネイルは混合アスペクト比になりがちです。白余白でレターボックスすると、1:1を期待するテンプレートで色バーが目立ちません。印刷パンフレットでは純白よりわずかに暖色のオフホワイトも選択できます。

日本向け実務ワークフロー

楽天・Amazon・Instagramを並行運用する場合、白枠正方形マスター1枚を作っておくとチャネル別resizeだけで使い回せます。

  1. 原本をバックアップしてJPG/PNGをupload
  2. 単色背景の正方形+白を維持、ズームで商品・顔の位置調整
  3. Instagram1080×1080、EC2000×2000など用途別書き出し
  4. 100%表示で角・文字のにじみ確認
  5. 円形プロフィールなら保存後に円形プレビュー再確認

モール白背景規定

カテゴリごとに#FFFFFF・最小pxが異なります。Seller Central等の最新ヘルプをupload前に確認。

JPG vs PNG

一般写真はJPG、ロゴ・スクショはPNG。白背景JPGは容量対シャープさに優れます。

白枠とぼかしの使い分け

白枠は商品・証明写真・資料向き。背景がごちゃつくときはぼかしフレームの方が自然です。楽天・Amazonは白背景1000px、メルカリは800pxが目安。

白枠幅は商品の5–8%から試し、文字入りバナーは10–12%まで。枠が太すぎるとサムネイルで主題が小さく見えます。

  • EC: 白背景 + 余白で審査対応
  • SNS: 1080×1080、枠は控えめ
  • 資料: A4比率の正方形サムネ

書き出し前チェック(EC・SNS)

楽天・Yahoo!ショッピングは白背景1000px、Amazonは長辺1600px以上が目安。白枠が太いと商品が小さく見えるため、枠幅5%→8%と段階プレビューが安全です。

Instagram・Xは1080×1080で十分。資料サムネはA4比率の正方形(例1200×1200)に白枠を足すとスライド・Notionでも崩れにくいです。

  • EC: #FFFFFF固定・JPEG品質85前後
  • SNS: 枠は細め、ロゴはPNG
  • 印刷資料: 300dpi換算で辺長を決める

よくある質問

オンラインで写真に白枠を追加するには?
写真をアップロードし、単色背景の正方形を選んで背景を白のままにします。画像が正方形キャンバス内に収まり、空いた領域がきれいな白枠になります。ダウンロードタブから書き出してください。
SNSや商品写真に白枠を追加する理由は?
白枠はレターボックスで画像を正方形化し、クロップしません。被写体全体が見え、フィードやカタロググリッドが一貫し、商品ショットが中立的背景の期待に応えやすくなります。プラットフォームが縦長・横長を自動クロップして端を切るのも防げます。
白枠とぼかし背景、どちらを使う?
きれいで中立的なフレームが欲しいとき(EC、Instagramグリッド、ミニマルブランディング)は白枠です。塗りつぶし領域を写真らしく柔らかくしたいときはぼかし背景です。ぼかしフォトフレームツールでその見た目も試せます。
Instagram正方形投稿の白枠、書き出しサイズは?
1080×1080ピクセルがInstagramフィード正方形で広く使われます。1200×1200はアプリ圧縮前の余分な解像度を与えます。可能ならソースの長辺に合わせ、パディング正方形内で被写体をシャープに保ってください。
Amazon商品画像に白または中立的背景は必要?
Amazonの画像規則はカテゴリで異なり、随時更新されます。多くの販売者は純白(#FFFFFF)のメイン画像を正方形または最小サイズキャンバスで使い、カタログを統一します。必ずSeller Centralでカテゴリの最新ヘルプを確認してください。このツールは商品を白上に配置し、ソースが許せば2000×2000や1600×1600などの正方形を書き出すのに役立ちます。
白枠追加のビフォー・アフターは?
ビフォー:正方形スロットでクロップや不自然な縮小を受ける縦長・横長写真です。アフター:同じ写真全体が正方形内にスケールされ、側面または上下に均等な白余白が付きます。自分でクロップしない限り、端は欠けません。
Instagram向け白枠メーカーとして使える?
はい。白い領域が写真周りの余白として機能します。1080×1080または1200×1200の正方形でInstagramフィード向けに書き出し、画像全体を表示したまま使えます。
枠の色は変更できる?
はい。エディターで単色背景の正方形のまま、スウォッチまたはカスタムhexで枠色を選べます。単色の白ではなく柔らかい見た目なら、正方形画像メーカー全体でぼかし背景を試してください。
白枠追加は写真をクロップする?
いいえ。このモードは画像全体を正方形内にフィットさせ、残りを白で塗りつぶします。自分でクロップモードに切り替えない限り、写真の端は失いません。
白枠はJPGとPNG、どちらで書き出す?
JPGは写真向けで小さく、白背景でも問題ありません。品質を最大にしたい場合や、ワークフロー内で透明が必要ならPNGです。
画像はサーバーにアップロードされる?
いいえ。編集はブラウザ内で実行されます。このツールではファイルをサーバーで処理しません。

こちらもおすすめ

ガイド・チュートリアル