ブラウザだけでQRコードを生成してPNG・SVGでダウンロードする方法

趣味

2026.04.05

はじめに

おつかされまです。tyamonです。

この記事では、URLやテキストからQRコードをブラウザ上で生成し、PNG・SVG形式でダウンロードする方法を紹介します。

以下のような方を対象としています。

本記事で紹介するツールを使うことで、URLやテキストをQRコードに変換してPNG・SVGでダウンロードできます。外部サービスへのデータ送信はありません。

左側のテキストエリアにQRコード化したい文字列を入力します。
入力した内容がリアルタイムでプレビューに反映されます。

サイズは 128px・256px・512px から選べます。印刷用途には512pxを推奨します。

エラー訂正レベルは4段階あります。

ロゴを中央に重ねたQRコードを作る場合は、エラー訂正レベルをH（30%）にしておくと読み取り精度が保たれます。

システムのURLをQRコードにして印刷物に載せると、長いURLを手入力する手間が省けます。

回答フォームのURLをQRコードにして配布用紙に印刷するだけで、参加者がスマートフォンからすぐにアクセスできます。

Wi-Fi接続情報をQRコードにすることもできます。以下の形式のテキストを入力してください。

WIFI:T:WPA;S:ネットワーク名;P:パスワード;;

対応しているスマートフォンのカメラで読み取るだけで、Wi-Fiに自動接続できます。

今回はブラウザでQRコードを生成・ダウンロードするツールを紹介しました。ポイントは以下の通りです。