> ## 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コードの中央にロゴやアイコンを配置します。

ブランドロゴ、またはGetQRに用意されたアイコンをQRコードの中央に配置できます。ロゴがあるとコードがひと目でわかり、スキャンする前に何が得られるかが伝わります。

## 始める前に

* これらの設定は **Custom designs** タブにあります。
* ロゴファイル：5 MBまでの画像（JPG、PNG、SVG、HEICなど）。
* コード全体をロゴのような見た目にしたい場合は、[ブランドQRコード](/ja/design/branded-qr)を参照してください。

## ロゴを追加する

**1. デザインステップを開く**

ビルダーで **Customize & Download** に進み、**Custom designs** のままにします。

**2. Logo を開く**

**Logo** チップをクリックします。

**3. ロゴをアップロードする**

アップロードエリア（**Click to upload or drag & drop your logo**）をクリックしてファイルを選ぶか、ドラッグして追加します。

**4. ロゴのサイズを調整する**

**Scale logo** スライダーをドラッグします。ドラッグに合わせてプレビューが更新されます。

**5. プレビューを確認する**

ロゴが正しく表示され、その周りのコードがはっきりしていることを確認します。

ファイルを差し替えるには、横にある鉛筆アイコンをクリックします。削除するには×をクリックします。

## 用意されたアイコンを使う

**1. Logo を開く**

**Logo** チップをクリックします。

**2. アイコンを選ぶ**

**Select a logo** の下からアイコンを選びます。QRタイプに合ったアイコンが先頭に表示されます。

**3. アイコンのサイズを調整する**

大きくまたは小さくしたい場合は、**Scale logo** スライダーをドラッグします。

ロゴを外すには、**Select a logo** の下にある最初のタイル（ロゴなし）を選びます。

## 設定

| 設定 | 機能 |
| - | - |
| アップロードエリア | 独自のロゴをアップロードします。最大サイズ：5 MB。 |
| **Select a logo** | WhatsApp、Wi-Fi、PDF、決済、SNSなどの既製アイコンを選択します。 |
| **Scale logo** | ロゴのサイズを15%〜45%で設定します。デフォルトは25%。 |
| **Reset** | **Scale logo** を25%に戻します。 |

## 読み取りやすいロゴのコツ

* まずはデフォルトのサイズで始め、必要な場合のみ大きくしましょう。ロゴが大きいほどコードが多く隠れます。
* GetQRはコードが復元できる範囲内にロゴを収めるため、スライダーの範囲内であればスキャンに問題はありません。それでも印刷前にはコードをテストしてください。
* コードになじむよう、背景が透明または無地のロゴを使いましょう。
* 正方形に近いロゴがおすすめです。横長すぎるロゴは収まるように調整されます。

## よくある問題

> **ファイルが大きすぎます**
>
> ロゴは5 MBまでです。画像を圧縮するか、小さいサイズで書き出してください。

> **画像ファイルを選択してください**
>
> ロゴには画像ファイルのみ使用できます。ロゴをJPG、PNG、SVGで書き出してください。

> **横長のロゴのサイズが変更された**
>
> 縦横比が1.4:1より横長のロゴは、コードの読み取りやすさを保つために調整されます。正しく表示されているか確認するか、より正方形に近いロゴをアップロードしてください。

> **一定以上ロゴが大きくならない**
>
> コードの読み取りやすさを保つため、GetQRはロゴがコードを覆う範囲を制限しています。この上限はコードに格納されているコンテンツの量によって異なります。

> **ロゴを入れるとコードが読み取れない**
>
> **Scale logo** を小さくし、**QR Color** のコントラストが十分か確認してから、もう一度テストしてください。

## 次のステップ

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

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

> **[ブランドQRコード](/ja/design/branded-qr)**

> **[テンプレートを保存する](/ja/templates/save-template)**


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