QR Code Generator はじめに
QR Code Generator で用意した QR コードは、たいていの場合、電子メール、スライド、ポスター、名札など、別の場所で必要になります。Web パーツには、コードをページの外に取り出す方法が 2 つあります。ファイルとしてダウンロードする方法と、クリップボードにコピーする方法です。この記事では、その両方を説明し、ファイル形式の選び方と画像サイズの設定方法を紹介します。編集アクセス許可は必要ありません。ページを訪れたユーザーは誰でも、コードをダウンロードおよびコピーできます。
画像サイズの設定
Web パーツのプレビューの幅は、常に 300 ピクセルです。ダウンロードおよびコピーされる画像のサイズはこれとは別で、Size (サイズ) セクションで設定します。
- データ タブの下にある Size セクションを展開します。
- Size ボックスに値を入力するか、矢印を使用して 100 単位で変更します。
この値は、画像の幅と高さをピクセル単位で表したものです。画像は常に正方形になります。指定できる範囲は 300 ～ 4000 で、既定値は 1200 です。範囲外の値は、最も近い有効な値に置き換えられます。
| コードの用途 | 推奨サイズ |
|---|---|
| 電子メール、チャット、Web ページ | 300 ～ 600 |
| ドキュメント、プレゼンテーション | 1200 |
| チラシ、名札、名刺 | 1200 ～ 2000 |
| ポスター、バナー、ロールアップ バナー | 3000 ～ 4000、または SVG 形式 |
コードのダウンロード
- プレビューに目的のコードが表示されていることを確認します。
- プレビューの下にあるダウンロードをクリックします。
- メニューから形式 (PNG、JPEG、SVG、WebP) を選択します。
ブラウザーは、選択した形式の拡張子を付けた qrcode という名前 (例: qrcode.png) で、ファイルをダウンロード フォルダーに保存します。
形式の選択
| 形式 | 種類 | 透明な背景 | 最適な用途 |
|---|---|---|---|
| PNG | ラスター、可逆圧縮 | あり | 汎用的な選択肢: ドキュメント、プレゼンテーション、電子メール、Web ページ |
| JPEG | ラスター、非可逆圧縮 | なし | JPEG 以外を受け付けないシステム |
| SVG | ベクター | あり | 印刷やデザイン レイアウト: 品質を損なうことなく任意のサイズに拡大縮小できます |
| WebP | ラスター、軽量 | あり | ファイル サイズの小ささが重要な Web サイト |
迷った場合は、PNG を選択してください。印刷会社やデザイナーに渡すものには、SVG を選択してください。名刺でもバナーでもコードが鮮明なまま保たれ、Size の値はほとんど問題になりません。
❗ 重要
JPEG は透明度を保存できません。既定では、コードの背景色は完全に透明であり、JPEG ファイルではこの背景が黒になるため、コードが読み取れなくなります。JPEG をダウンロードする前に、色 > 背景色で不透明な明るい色を設定してください。
コードをクリップボードにコピーする
- プレビューの下にあるコピーをクリックします。
- Copied to clipboard (クリップボードにコピーしました) というメッセージが表示されるまで待ちます。メッセージは数秒間表示されます。
- 電子メール、ドキュメント、チャット、またはプレゼンテーションに切り替え、Ctrl+V (Mac の場合は ⌘+V) で画像を貼り付けます。
コードは、Size セクションで設定したサイズの PNG 画像として、透明な背景を保持したままコピーされます。
📝 注
コピーには、ブラウザーのクリップボードが使用されます。Copied to clipboard というメッセージが表示されない場合は、ページを開いているブラウザーまたはアプリがクリップボードへのアクセスをブロックしています。ブラウザーの設定でサイトに対してクリップボードへのアクセスを許可するか、代わりにダウンロードを使用してください。
ボタンが無効になっている場合
選択したタブの必須フィールドが空の間は、コピーとダウンロードは無効になり、プレビューには 1 つまたは複数の必須フィールドが空になっています。すべての必須フィールドが入力されているか確認して、やり直してください というメッセージが表示されます。アスタリスクの付いたフィールドに入力すると、ボタンが使用できるようになります。各タブの必須フィールドは、KB10264. QR コードのデータの種類: URL、テキスト、vCard、Wi-Fi、電子メール、SMS、電話、場所、イベントに記載されています。
まとめ
Size セクションで画像のサイズを設定してから、ダウンロードを使用して PNG、JPEG、SVG、または WebP ファイルを取得するか、コピーを使用してコードを別のアプリに直接貼り付けます。PNG は日常的な用途に、SVG は印刷に適しており、JPEG には不透明な背景が必要です。
💡 ヒント
ファイルには、プレビューに表示されているデザインそのままのコードが含まれます。ダウンロードの前に色、図形、ロゴを変更するには、KB10265. QR コードのデザインのカスタマイズ: 図形、色、グラデーション、コーナーおよび KB10266. QR コードに会社のロゴを追加する方法を参照してください。
