QR コード SVG とは、QR コードを SVG (Scalable Vector Graphics) 形式で出力する技術である。ラスター画像 (PNG、JPEG) と異なり、SVG はベクター形式であるため解像度に依存せず、どのサイズに拡大・縮小しても鮮明さを保つ。印刷物と Web の両方で最適な表示品質を実現できる。
SVG 形式の QR コードには複数の技術的利点がある。第一に、ファイルサイズが軽量である。同等の PNG と比較して 50% から 80% 小さくなることが多い。第二に、CSS でスタイリングが可能であり、ダークモード対応やホバーエフェクトの追加が容易である。第三に、DOM 要素として JavaScript から操作でき、動的な色変更やアニメーションを実装できる。
短縮 URL サービスで QR コード SVG を提供する際の実装ポイントとして、SVG 内のパス要素を最適化し冗長なデータを削減すること、viewBox 属性で適切なアスペクト比を設定すること、クワイエットゾーン (余白) を SVG 内に含めることが挙げられる。ダウンロード機能では SVG のほか、ユーザーの用途に応じて PNG や PDF への変換オプションも提供すると利便性が高まる。
印刷用途では、SVG をそのまま入稿データとして使用できるため、デザイナーの作業効率が向上する。Web 用途では、インライン SVG として HTML に直接埋め込むことで HTTP リクエストを削減し、ページ表示速度の改善にも寄与する。今後は SVG アニメーションと組み合わせた動的 QR コードの活用が広がると予想される。