> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getqr.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 背景

> QRコードの背景の仕組みと、透明やカラーの見た目にする方法。

Custom designs の背景は、ビルダー上では白です。色付きの面にコードを配置するには、透明な背景でダウンロードするか、フレームを使ってコードの周りに色付きのカードを追加します。

## 背景の仕組み

| 場所 | 背景 |
| - | - |
| ビルダーのプレビュー | コードの背後は白。 |
| JPGダウンロード | 塗りつぶしの背景。 |
| PNGおよびSVGダウンロード | 透明な背景。 |
| フレーム | 一部のフレームはコードの周りに色付きのカードを追加します。 |

## 透明な背景にする

**1. ダウンロードオプションを開く**

ダッシュボードでQRコードのアクションを開き、**Download QR** をクリックします。

**2. 透明に対応した形式を選ぶ**

**PNG - Best quality (transparent background)** または **SVG - Print & edit (transparent background)** を選びます。

**3. ファイルをダウンロードする**

ダイアログで **Download QR** をクリックします。

> [!NOTE]
>
> Branded designs と AI designs は JPG、PNG、PDF でダウンロードされます。透明な背景のロゴから作成した Branded design は、PNGでもその透明性が保たれます。

## フレームで色付きのカードを追加する

**1. Frame を開く**

**Customize & Download** の **Custom designs** で、**Frame** チップをクリックします。

**2. カード型のフレームを選ぶ**

**Frame around the QR code** の下からフレームを選びます。

**3. 色を選ぶ**

**Color presets** の下からスウォッチグループを選ぶか、**Customization** チップで **Frame color** を設定します。

フレームのすべての設定については、[フレーム](/ja/design/frames)を参照してください。

## 背景にコードを配置するときのコツ

* 明るく無地の部分にコードを配置しましょう。明るい背景に暗いコードが最もよく読み取れます。
* 透明なコードの背後には、ごちゃごちゃした写真や模様を置かないでください。
* カメラがコードの端を認識できるよう、周囲に余白を確保しましょう。
* 大量に印刷する前に、実際の素材でテスト印刷をしてください。

## よくある問題

> **透明なPNGやSVGの表示がおかしい**
>
> 背景が暗いビューアーでは、透明なファイルが不自然に見えることがあります。これは想定どおりの動作です。明るい背景で表示するか、デザインに配置して確認してください。

> **暗い背景だとコードが読み取れない**
>
> コードは暗い色のため、明るい面が必要です。塗りつぶしの背景があるJPGをダウンロードするか、コードの周りに明るいフレームを追加してください。

> **コードの背後に白いボックスが必要**
>
> JPGをダウンロードしてください。塗りつぶしの背景があります。

## 次のステップ

> **[形式と解像度](/ja/downloads/formats-and-resolution)**

> **[QRコードを印刷する](/ja/downloads/printing)**

> **[フレーム](/ja/design/frames)**

> **[色](/ja/design/colors)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.