無料SVG QRコード作成ツール — 印刷用ベクター品質

QRコードが看板、名刺、ハガキより大きな印刷物に載るなら、SVGで書き出す。1000px角のラスターPNGはスマホ画面では問題ないが、90cmのポスターにすると各モジュールがピクセル化し、スマホのカメラが読み取りに苦戦する。SVGはベクター形式 — コードは数式として保存されるため、切手サイズからスタジアムバナーまで同じファイルがどんなサイズでも鮮明にレンダリングされる。日本の駅ポスターや屋外看板のQRで頻発する「ぼやけて読めない」事故も、これで防げる。

この記事では、プロダクション用途でSVGが重要な理由、ペイウォールなしで本当にSVGを書き出せる無料ツール、そしてファイルをIllustrator、Figma、InDesignに綺麗に取り込む方法を扱う。印刷向けに設計しているなら、SVGはデフォルト — Proティア限定の付加機能ではない。

QRコードでPNGよりSVGを選ぶ理由

QRコードは黒白のマス(モジュール)の格子だ。PNGは各マスをピクセルのブロックとして保存する。500pxのPNGなら各モジュールを約15×15pxで表現することになる。そのファイルをポスターサイズに拡大すると、15pxのブロックが3cmのブロックになる — 粗く、エッジがぼけ、スマホのカメラでのデコードが難しくなる。

SVGは同じ格子を、シャープな数学的境界を持つベクター矩形の集合として保存する。2 KBのSVGファイルは5cmでも5mでも同じモジュールエッジで表示される。これが重要になるのは3つの状況 — 展示会規模の印刷(バナー、ロールアップサイン)、カメラ解像度に対して密度が厳しい小サイズ印刷(名刺、商品パッケージ)、そしてQRをIllustratorやInDesignの大きなレイアウトに組み込むデザインワークフロー。

大サイズではファイルサイズの優位性もある。2000×2000pxのPNGは40〜100 KB。同等のSVGは通常3 KB未満 — 実質「矩形を説明するテキスト」だ。ウェブ用途でも軽いが、印刷では品質差が主題になる。

実際にSVGを書き出せる無料ツールはどれか

SVG書き出しはQR市場で最も早くペイウォールの向こうに移動した機能のひとつなので、リストは本来あるべき長さより短い。下表は2026年4月時点で各プロバイダが公開している無料プランポリシーを反映している — SVGの可否は各社がティアを改定すると変わりうる。

ツール	SVG無料?	ファイルのクリーンさ
MakeQR	可	クリーン、グループ化されたパス、Illustratorで編集可能
QRCode Monkey	可	クリーン、モジュールごとに単一パス
qr-code-generator.com	不可	有料プランのみ
QR TIGER	不可(試用のみ)	アカウント+試用が必要
Flowcode	不可	有料プラン、エンタープライズ向け
the-qrcode-generator.com	可	SVGにプロモーション用メタデータが含まれる

スナップショット:2026年4月時点。無料プランのSVGアクセスはプロバイダのティア改定で変わりうる。

「クリーンさ」の列は補足が要る。一部のSVG書き出しは技術的にはベクターだが、埋め込みビットマップのフォールバック、インラインスタイル、生成ツールを参照するSVGコメントがついてくる。ブラウザ上では問題なく見えるが、Illustratorに取り込むと余計なレイヤーを削除することになる。クリーンなSVGは単純な矩形のグループとしてインポートされ、再着色や大きなレイアウトへの埋め込みで後始末がいらない。

MakeQRでSVGを生成する

makeqr.daylab.dev を開く。エディタはURL QRをデフォルトにしているが、フォーマットの選択肢は全コンテンツタイプに適用される — Wi-Fi、vCard、PDF、プレーンテキスト — なので、まず用途に合うペイロードを選ぶ。遷移先を入力し、プレビューの更新を見て、必要なら色やロゴをカスタマイズする。

プレビューが正しく見えたら、ダウンロードをクリックし、SVGを選ぶ。ファイルは単独の .svg としてダウンロードフォルダに保存される。任意のベクターエディタ、ブラウザ、またはデザインファイルに直接ドロップして開ける。透かしなし、アカウントなし、生成コードにスキャン制限なし。

SVG出力の実務メモを3つ。1つ目、コードはグループ化されている — すべてのモジュールが単一の <g> 要素の下にあるので、IllustratorやFigmaで一発で再着色できる。2つ目、コードを囲むクワイエットゾーンはSVGのviewBox内の空白として保持されるので、デザインキャンバスにドロップしても正しいマージンが保たれる。3つ目、ロゴを追加した場合は別のグループとして埋め込まれており、QRを最初から再生成せずにロゴだけ差し替えや削除ができる。

SVGをIllustratorに取り込む

Illustratorのデフォルト SVG インポートは、クリーンなレイヤー構造のファイルを作る。ファイル→開くで .svg を直接開くか、キャンバスにドラッグ。QRは塗りつぶし矩形のグループとして現れる。コード全体を再着色するには、グループを選択して塗りを変更する — 個別のモジュールを編集する必要はない。

コードを大きなコンポジションに入れたい場合 — ブランドポスター、メニューカード、商品ラベル — グループをコピーして先のドキュメントにペーストする。Illustratorはドキュメント間でベクターの忠実度を保つので、ペースト後に拡縮してもエッジが劣化しない。クワイエットゾーンは保ち、他要素とフラッシュで配置しない。

CMYK印刷ワークフローでは、塗り色をRGB黒から100%K(key)または任意のリッチブラックに変更する。純RGBの黒は多くの印刷機で温かく柔らかめの黒として出て、白モジュールとのコントラストが落ちてスキャン信頼性が下がる。100%Kまたは温かめのリッチブラック(C:30 M:30 Y:30 K:100)は本番で鮮明に読める。

FigmaとSketchのワークフロー

Figmaはコピー&ペーストまたはドラッグ&ドロップでSVGをインポートする。取り込まれたQRはベクターシェイプを含むFrameとして配置される。ウェブサイトモックアップやマーケティングアセットに使うには、自由にリサイズできる — Figmaのレンダラはベクターファイルをピクセル化しない。

Figma特有の落とし穴 — QRを含むFigmaフレームをコピーしてPNGに書き出すと、プレビュー解像度でラスター化される。印刷所への納品用には、PNGではなくSVGで再書き出しする。Figmaの「Export」パネルは両方を選べるが、デザインツールの外に出て印刷所へ向かうものは全部SVGをデフォルトにする。

SketchもSVGインポートは同様に扱う。グループ構造はFigmaと対応しており、再着色のワークフロー — グループを選択し塗りを変更 — も同じだ。

ページレイアウト用のInDesign

InDesignはバージョンによってSVGをネイティブに取り込まないことがある。古い2023年版では回避策が必要。優先順位で3つの選択肢を挙げる。

SVGとして配置(InDesign 2024以降) — ファイル→配置で直接サポート。QRはベクターグラフィックスフレームとしてインポートされ、品質劣化なくリサイズできる。これが現代のデフォルト。

PDFとして配置 — SVG書き出しツールがPDFも提供しているなら(MakeQRは提供する)、QRを1ページPDFとして書き出す。InDesignは全バージョンでPDFをネイティブに配置する。両方ベクター形式なので品質はSVGと同等。

Illustratorからコピー&ペースト — SVGをIllustratorで開き、グループをコピー、InDesignにペースト。古いInDesign版でも動く。手数は少し増えるが信頼できる。

どのパスを選ぶにせよ、最終InDesignドキュメントを印刷所に出す前にプリフライトパネルで確認する。QRがベクターか(埋め込みラスターではないか)、正しいカラーモードか(商業印刷はCMYK)、全辺に最低4mmのクワイエットゾーンがあるか。

SVG QRの安全な印刷サイズ

SVGは無限にスケールするので、実際の制約は通常の視距離でカメラが読めるサイズだ。2024年のミドルレンジAndroid機で検証した目安。

• 名刺 — 20×20mm、クワイエットゾーン4mm。視距離20cmで読める。
• テーブルカード / チラシ — 30×30mm、クワイエットゾーン6mm。視距離40cmで読める。
• ポスター / 看板 — 80×80mm、クワイエットゾーン16mm。視距離1.5mで読める。
• 展示会バナー — 200×200mm、クワイエットゾーン40mm。視距離3mで読める。
• 広告看板(駅構内大型など) — サイズは視距離と約10:1でスケール。50cmのQRは5mで読める。

経験則 — 視距離(メートル)×10がQRの最小辺長(ミリ)。SVGなら同じソースから再生成なしでこのいずれのサイズにも対応できる。

よくある質問

Q. SVG QRコードはPNGより優れていますか?

A. 印刷用途ならはい。SVGはコードをピクセルではなく数学的シェイプで保存するので、どのサイズでも鮮明さが保たれます — 名刺も3mバナーも同じファイルから出せます。固定サイズで表示されるウェブ用途では、PNGで問題なく、読み込みもしばしば速いです。印刷対スクリーンの切り分けが核となる意思決定です。

Q. SVG QRコードをIllustratorやFigmaで編集できますか?

A. できます。SVGはネイティブなベクター形式なので、Illustrator、Figma、Sketch、Affinity Designerが直接インポートできます。最もよくある編集は再着色(モジュールグループの塗りを変更)と背景やフレームの追加です。個別のモジュールの編集は避けてください — 削除や変形は誤り訂正パターンを壊し、スキャンできなくなることがあります。

Q. 無料のSVG QRコードは有料版より品質が低いですか?

A. いいえ。QR仕様はオープン(ISO/IEC 18004)で決定論的です — 同じ入力URLは、どのツールで生成しても同じ有効なコードを生みます。MakeQRやQRCode Monkeyの無料SVGは、同じコンテンツと誤り訂正レベルでは月額$49のツールのSVGとビット単位で同等です。有料ティアはコード品質ではなく、アナリティクスと動的リダイレクションを売っています。

Q. 印刷したQRコードがピクセル化して見えるのはなぜですか?

A. ほぼ常に、元がネイティブ解像度を超えて拡大されたPNGだからです。500pxのPNGを20cm印刷に引き伸ばすと、各QRモジュールの周囲にピクセルのエッジが見えます。解決策は、SVGで再生成し、印刷にベクターファイルを使うこと。印刷所がラスターしか受け付けない場合は、SVGを最終サイズで高解像度PNG(最低1200 DPI)に書き出し、小さいファイルを拡大しないこと。

関連ガイド

• QRコードにロゴを追加する方法(無料・登録不要) — スキャン信頼性を損なわずにSVGにブランドを埋め込む。
• 透かしなしの無料QRコード作成ツール — 2026年版正直リスト — 透かし監査のSVG版。
• 静的QR vs 動的QR — どちらを選ぶべきか — SVG書き出しを超えた計測目的で有料プランが必要かの判断。
• MakeQRエディタ — 今すぐSVGを生成、アカウント不要。