SVG QRコードジェネレーター - 印刷とWeb向けのベクターQRコードをダウンロード

SVG QRコードは、Scalable Vector Graphicsファイルとして書き出されたQRコードです。数学的なパスで作られる形式で、ピクセル化せずに任意のサイズへ拡大縮小できます。PNGやJPGと違い、SVGは解像度に依存せず、どの出力寸法でもくっきり保たれます。QR-BuildはURL、vCards、WiFiネットワーク、PDF、その他すべての対応コンテンツタイプ向けにSVG QRコードを生成します。

QRコードを印刷、大判出力、パッケージ、またはレスポンシブな拡大縮小が必要なインラインWeb埋め込みで使う場合、SVGは最適な形式です。SNS画像、メール本文、プレゼン資料などデジタル専用の場面では、PNGのほうが簡単で同じように有効です。QRコードをどこでどのように表示するかに基づいて形式を選んでください。

QR-Buildは静的QRワークフローでSVGダウンロードに対応しています。編集可能なリダイレクトURLとスキャン分析を含む動的QRコードは、現在のプラン条件に従って利用できます。最新のプラン機能と料金は最新プランを見るで確認してください。

はい。SVGファイルはAdobe Illustratorでネイティブに開けます。読み込み後、Object > Ungroupで個別パスにアクセスし、品質を落とさず任意のサイズにリサイズできます。QR-BuildのSVG出力は埋め込みラスターのない個別パスデータを使うため、制作レビューに適しています。印刷用に書き出す前にドキュメントのカラーモードをCMYKへ切り替えてください。

SVGとEPSはいずれも品質を落とさず拡大縮小できるベクター形式です。SVGはブラウザ、Figma、Illustrator、InDesign、主要なデザインツールが対応する現代的な標準です。EPSはプロ向けプリプレス環境でまだ使われるレガシーなPostScript形式です。2026年の多くのワークフローではSVGが推奨されます。印刷会社のシステムが明示的に必要とする場合のみEPSを選んでください。

SVGファイルは、エンコードされたパターンがダウンロード時に固定されるため常に静的ファイルです。ただしQRコードをQR-Buildで動的QRコードとして作成した場合、ダッシュボードで更新できるリダイレクトURLを指します。印刷済みSVGは変わらず、リダイレクト先だけが更新されます。これにより、URLが変わる可能性のある印刷キャンペーンに動的SVG QRコードが役立ちます。

CSS制御と追加HTTPリクエストなしの実装には、SVGソースコードをインラインSVG要素としてHTMLに直接貼り付けます。より簡単な実装では、説明的なalt属性を持つimg要素を使います。アクセシビリティのため、inline SVGマークアップにはrole="img"とaria-labelを追加し、QRコードの目的を支援技術に伝えてください。

はい。SVGは解像度に依存しないため、ビルボードサイズに拡大しても品質は劣化しません。大判での読み取りやすさは、コントラスト、四辺に少なくとも4モジュール幅のクワイエットゾーン、適切な誤り訂正レベルに依存します。ファイル形式はシャープさを守りますが、スキャン品質は最終印刷アートワークに左右されます。

クワイエットゾーンはQRコードを囲む空白の余白で、スキャナーがパターンを見つけて読み取るために必要です。推奨される最小クワイエットゾーンは四辺に4モジュール幅です。SVG QRコードをレイアウトソフトに配置するときは、配置中にクワイエットゾーンが切り落とされていないことを確認してください。これは印刷QRコードが読み取れない一般的な原因です。

デザインツールで角のハンドルをドラッグするか、変形パネルで具体的な寸法を設定してSVGをリサイズします。SVGはベクターベースのため、再サンプリングや解像度設定は不要です。Illustrator、Figma、InDesign、その他のベクターエディターはどの倍率でも完全な品質を維持します。

はい。QR-BuildはSVGダウンロード前のQRコード作成時にロゴオーバーレイに対応しています。ロゴを追加する場合、利用できるなら誤り訂正レベルQまたはHを使い、QRコードの復元能力を高めてください。印刷を承認する前に、最終デザインのQRコードを必ずスキャンテストしてください。

SVGファイルはAdobe Illustrator、Figma、Adobe InDesign、CorelDraw、Inkscape、Sketch、Affinity Designer、現在のプランでSVGアップロードが使えるCanvaで開けます。SVGはChrome、Firefox、Safari、Edgeでもプラグインなしでネイティブに表示されます。

SVGはベクター、PNGはラスターです。SVGはエッジ品質を変えずに任意のサイズへ拡大縮小できますが、PNGは固定ピクセル解像度を持ち、拡大するとぼやけることがあります。印刷、パッケージ、大判出力、インラインWeb埋め込みにはSVGを使います。最終画像サイズが固定されたデジタル専用用途にはPNGを使います。

QR-BuildからSVGソースをコピーしてFigmaファイルに直接貼り付けるか、ダウンロードしたSVGファイルをキャンバスにドラッグします。FigmaはSVGを編集可能なベクター形状として読み込み、リサイズ、色変更、コンポーネント内への配置ができます。スタイルを変更した後は最終コードをテストしてください。

最も多い原因は、SVGをレイアウトソフトに配置またはフレーム化したときに空白の余白が切り落とされた、クワイエットゾーンの欠落です。四辺に少なくとも4モジュール幅の空白を戻してください。次に多い原因は低コントラストです。SVGかPNGかはスキャン成功を決めません。コントラスト、クワイエットゾーン、サイズ、誤り訂正が決定要因です。