---
title: "QR コードに会社のロゴを追加する方法"
description: "Vitextra QR Code Generator Web パーツに JPG、PNG、SVG のロゴをアップロードし、ロゴのサイズと余白を調整して、コードが読み取れる状態を保つために誤り訂正レベルを上げ、ロゴを削除または置き換えるまでの手順を説明します。"
url: https://vitextra.com/ja/support/kb/10266
language: ja
published: 2026-10-14
modified: 2026-10-14
products:
  - "QR Code Generator"
author: "Lidija Reising"
tags: ["ロゴ入り QR コード", "QR コードにロゴを追加", "QR コード ロゴ 入れ方", "ブランド QR コード", "QR コード ロゴ サイズ", "QR コード ロゴ 余白", "ロゴ 誤り訂正レベル", "SharePoint QR コード ロゴ", "Vitextra QR Code Generator"]
---

# QR コードに会社のロゴを追加する方法

Vitextra QR Code Generator Web パーツに JPG、PNG、SVG のロゴをアップロードし、ロゴのサイズと余白を調整して、コードが読み取れる状態を保つために誤り訂正レベルを上げ、ロゴを削除または置き換えるまでの手順を説明します。

## はじめに

QR コードの中央にロゴがあると、読み取る前に、それが誰のコードなのかが伝わります。[QR Code Generator](https://vitextra.com/ja/products/qr-code-generator) は、コードの中央に画像を配置してその下のドットを取り除き、画像で隠れたデータは QR コードに組み込まれた誤り訂正によって復元されます。この記事では、ロゴをアップロードし、サイズを調整して、コードを読み取れる状態に保つ方法を説明します。

## 開始する前に

画像ファイルを用意します。

- サポートされている形式は、**JPG**、**JPEG**、**PNG**、**SVG** です。
- 最適な結果を得るには、300x300 ピクセル以上の画像を使用してください。
- 正方形、または正方形に近いロゴが最適です。横長のロゴは細い帯状の領域にしか収まらず、細部が小さくなります。
- 背景が透明な PNG または SVG を使用するか、ロゴ自体に単色の背景を付けることをお勧めします。

## 手順 1. ロゴをアップロードする

1. Web パーツのあるページを開きます。すべての訪問者に対してロゴを保持するには、ページを編集モードで開きます。
2. いずれかのタブでコードのデータを入力し、プレビューに QR コードが表示されるようにします。
3. タブの下にある**ロゴ**セクションを展開します。
4. **画像のアップロード**をクリックし、ファイルを選択します。

プレビューのコードの中央にロゴが表示され、**ロゴ**セクションにはアップロードした画像のサムネイルが表示されます。別の種類のファイルを選択した場合、セクションに *サポートされているファイル形式: JPG、 JPEG、 PNG、 SVG.* というメッセージが表示され、コードは変更されません。

![ロゴをアップロードしたロゴ セクション](https://static.vitextra.com/articles/10266/logo-section-ja.png)
*ロゴをアップロードしたロゴ セクション*

## 手順 2. サイズと余白を調整する

アップロードが完了すると、**ロゴ**セクションに 2 つのスライダーが表示されます。

| 設定 | 範囲 | 既定値 | 機能 |
| --- | --- | --- | --- |
| **Logo size** (ロゴのサイズ) | 0.1 ～ 0.5 | 0.4 | ロゴが占めることのできるコードの割合です。値が大きいほどロゴが大きくなり、隠れるドットが増えます。 |
| **Logo margin** (ロゴの余白) | 0 ～ 20 | 5 | ロゴと最も近いドットとの間の空白です。余白によってロゴが模様から切り離され、見やすくなります。 |

スライダーを動かしながら、プレビューを確認します。小さめのロゴから始めて、コードが確実に読み取れる範囲でのみ大きくしてください。

## 手順 3. 誤り訂正レベルを上げる

ロゴはデータの一部を隠し、スキャナーはその部分をコードの冗長データから復元します。冗長性の量は、**Error Correction** (誤り訂正) セクションで設定します。

1. **Error Correction** セクションを展開します。
2. 大きなロゴの場合は**高**を選択します。小さなロゴであれば、既定値の **Quartile** で十分です。

**低**と**中**のレベルでは余裕が少なすぎるため、ロゴ入りのコードが読み取れなくなる可能性があります。

![レベル「高」を選択した Error Correction セクション](https://static.vitextra.com/articles/10266/error-correction-ja.png)
*レベル「高」を選択した Error Correction セクション*

❗ **重要**  
ロゴが大きすぎても、プレビューに警告は表示されません。ロゴ、そのサイズ、または誤り訂正レベルを変更した後は、必ずスマートフォンでコードを読み取ってください。コードが読み取れない場合は、**Logo size** を小さくするか、**Error Correction** を上げるか、エンコードするデータを短くしてください。

## 手順 4. 確認して保存する

1. スマートフォンでプレビューを読み取り、コードで意図したものが開くことを確認します。
2. **ダウンロード**または**コピー**で結果を取得します。ロゴは、どの形式の画像にも含まれます。
3. ページが編集モードの場合は、ページを保存するか再発行します。ロゴは Web パーツの構成の一部としてページと一緒に保存されるため、訪問者にはロゴ入りのコードが表示されます。

📝 **注**  
画像は、サイトのライブラリではなく Web パーツの構成の中に格納されるため、画像を表示するために追加のアクセス許可が必要になるユーザーはいません。同じ理由から、非常に大きなファイルは避けてください。数メガバイトのファイルは、ページを重くします。ロゴは数百ピクセルあれば十分です。

## ロゴの置き換えと削除

- ロゴを置き換えるには、もう一度**画像のアップロード**をクリックし、別のファイルを選択します。サイズと余白の設定は保持されます。
- ロゴを削除するには、**画像の削除**をクリックします。コードの中央にドットが戻ります。

## まとめ

QR コードにブランドを反映するには、**ロゴ**セクションでロゴをアップロードし、**Logo size** と **Logo margin** で調整して、大きなロゴの場合は **Error Correction** を**高**に設定します。唯一の確実なテストは、実際のスマートフォンで読み取ることです。

💡 **ヒント**  
コードの色をロゴに合わせるには、[KB10265. QR コードのデザインのカスタマイズ: 図形、色、グラデーション、コーナー](https://vitextra.com/ja/support/kb/10265)を参照してください。