URL

QRコード

プレビュー

SVGマークアップ

QRコード生成ツールとは？

リンクをオフラインで共有したい — ポスターに印刷したり、名刺に載せたり、配送伝票に貼り付けたり。URLを貼り付け、QRコードを生成し、SVGを保存するだけ。エンコードはISO/IEC 18004に準拠しており、これはどのスマートフォンのカメラでも読み取れる、QRコードの国際標準です。

出力はSVG — ベクターグラフィックなので、無限にスケール可能で、どのサイズでも鮮明に印刷できます。これが重要なのは、ラスター形式のQRコード（PNG、JPG）は看板ではぼやけ、小さなラベルではピクセル化してしまうから。SVGはサイズも小さく、典型的なリンクなら数百バイトで済みます。QRコードがどうデータをエンコードしているかの背景を知りたければ、QRコードのWikipedia記事でデータマスク、バージョンサイズ、容量テーブルが解説されています。

すべてブラウザ内で動作します。アップロードなし、サーバーなし、ログなし — URLはあなたのマシンから出ません。QRコードはqrcode-svgライブラリでローカルに生成されます。誤り訂正レベルはM（コードの約15%が隠れてもスキャン可能）に設定されており、印刷向けの妥当なデフォルトです — 仕組みの数学的な背景はリード・ソロモン誤り訂正を参照してください。

QRコードの生成方法

3ステップ。入力に応じてQRコードが更新されます — 変換ボタンを押す必要はありません。

URLを貼り付けるかサンプルを読み込む

左側のパネルにURLを入れます。サンプルをクリックすると、現実的な注文追跡リンクが読み込まれます。QR仕様でエンコードできる文字列なら何でもOK — URLが一般的ですが、プレーンテキスト、vCard、Wi-Fi認証情報も同じ仕組みでエンコードできます。例：

https://api.shop.example.com/v1/orders/ORD-1001

短いほど良いです。長いURLはより密なQRコードになり、安価なスマートフォンのカメラで離れた距離からスキャンしにくくなります。

プレビューを確認

右側のパネルには2つの情報が表示されます：上にレンダリングされたQRコード、下に生のSVGマークアップ。印刷前にスマートフォンのカメラをプレビューに向けて、スキャンできるか確認してください — ほとんどの最新スマートフォンはカメラアプリにQRリーダーが組み込まれています。

SVGをコピーするかファイルをダウンロード

コピーをクリックするとSVGマークアップがクリップボードに送られます — Webページ、メールテンプレート、デザインファイルに直接貼り付けられます。ダウンロードをクリックすると.svgファイルとして保存され、デザイナーに渡したりInDesignのレイアウトに配置したりできます。

実際に使う場面

物理的なものにリンクを印刷する

ポスター、チラシ、パッケージ、レストランのメニュー、名刺、駐車券、博物館の展示ラベル、カンファレンスのバッジ。SVG出力はどのサイズでもシャープに印刷できます — 看板サイズでもピクセル化しません。エンコード前にリンクを検証したいときはURLパーサーと組み合わせてください。

Wi-Fiやアプリストアのリンクをオフラインで共有

ゲスト用Wi-Fiの掲示、「アプリをダウンロード」ステッカー、カフェの会員プログラム。QRコードがフルリンクを持っているので、ユーザーがスマートフォンのキーボードで長いURLを打ち込む必要がありません。Wi-Fi用QRコードは、ほとんどのスマートフォンが自動認識する特定のテキスト形式を使います。

社内ツールでその場限りのQRコードを生成

注文追跡ページ、チケット予約、ラボサンプルのID、キッチンの注文票、倉庫のピッキングリスト。SVGマークアップを印刷用PDFテンプレートに直接コピーすればよく、バックエンドにQRライブラリを組み込む必要がありません。誰かがスマートフォンでコードをスキャンしてレコードを開く、というあらゆるフローで使えます。

短縮リンクの素早いビジュアル確認

bit.lyや自前のリダイレクタでリンクを短縮した場合、短縮URLをここに入れてQRコードにスマートフォンを向け、公開前に正しいページに着地するか確認できます。短縮URLをスマートフォンに打ち込むより速く、印刷用のQRもそのまま手に入ります。

よくある質問

URLはどれくらい長くできますか？

実用的な上限は約2KBです。QRコードの仕様はもっと長くサポートしますが（レベルLで最大~4KB）、2KBを超えるとコードが密すぎて、安価なスマートフォンのカメラではスキャンが厳しくなります。それより長いURLは先に短縮サービスを通してください。完全な容量テーブルはQRコード公式サイトにあります。

どの誤り訂正レベルが使われていますか？

レベルMで、コードの約15%が隠れても（汚れ、ステッカー、ロゴ）スキャンできます。Mは印刷向けの標準的な選択です — H（30%）は大きくなりますが中央にロゴを置けます、L（7%）は小さいですが脆弱です。仕組みの詳細はリード・ソロモン誤り訂正を参照してください。

色をカスタマイズできますか？

現状、出力は白地に黒で、これが最も確実にスキャンされます。ブランドカラーが必要なら、SVGマークアップを直接編集してください — 暗いセルのfillを変えます。コントラストは高め（明るい背景に暗い前景）を保ってください、さもないとリーダーが詰まります。実際のリーダーは最低コントラスト閾値を強制しており、無視するとコードは読み取れません。

なぜPNGではなくSVGなのですか？

SVGはピクセル化せずにどのサイズにもスケールします、これが印刷で欲しい性質です。500バイトのSVGは1cmでも1mでも同じに見えます。PNGは用途ごとに正しい解像度で書き出さなければならず、脆弱です。どうしてもPNGが必要なら、SVGを最新ブラウザで開いて表示画像を保存するか、SVG-to-PNGコンバーターに通してください。

これは私のブラウザの外に出ますか？

いいえ。QR生成はページ上のJavaScriptで完結します — サーバー呼び出しなし、貼り付けたURLへのアナリティクスもなし。DevToolsを開いてNetworkタブを見ながらURLを貼ってみれば確認できます。何もマシンから出ていきません。

QRコードはURL以外もエンコードできますか？

はい — QRコードは任意のテキストをエンコードします。URL以外でよく使われる形式は、vCard（連絡先情報）、WIFI:文字列（ネットワーク認証情報）、tel:とmailto:リンク、プレーンテキストです。貼り付けたものはそのままエンコードされます。特定の形式（vCard、Wi-Fi）を認識するスマートフォンは、連絡先の追加やネットワーク参加を自動的に提案します。

その他のURL・JSONツール

QRコード生成は単一の操作です。自然に組み合わせられるのはこちら：

URLからQRコード

URL