てもとツール

QRコード生成ツール｜URL・テキストをPNG/SVGで無料ダウンロード

テキスト・URLを無料でQRコードに変換。PNG・SVGダウンロード対応、登録不要、ブラウザだけで動作しデータはサーバーに送信されません。

ブラウザ内処理 完全無料 登録不要

0 / 7,089文字

テキストを入力してください
詳細設定

このツールについて

使い方・特徴・補足情報

QRコード生成とは

QRコードは、スマホのカメラで瞬時に読み取れる二次元バーコードです。URL を変換すれば、印刷物から Web へワンタップで誘導します。

本ツールは入力するだけで QR コードのプレビューを表示します。PNG と SVG の両方でダウンロードできます。

詳細設定では、出力サイズや前景色・背景色、誤り訂正レベルを調整できます。ブランドカラーや印刷品質に合わせた QR コードも作れます。

入力したデータはブラウザ内だけで処理し、外部サーバーには送信しません。機密を含む URL も安心して扱えます。

👤 こんな人におすすめ✨

印刷物やイベントで QR を使う人

✅ 楽になること

URL・テキストの QR コード作成

✍️ 避けたい手間

URL の打ち間違いや読み取り不良

解決できる困りごと

  • URL を口頭やチャットで共有する場面で、打ち間違いの心配を減らせる
  • 印刷物や名刺の QR を毎回別サービスで生成する手間を省ける
  • PNG と SVG を使い分けたい場面で、形式選びの迷いを減らせる

使い方

  1. テキストエリアにQRコードに変換したいURLまたはテキストを入力します。
  2. 入力と同時にQRコードのプレビューが自動で表示されます（リアルタイム生成）。
  3. 「PNGでダウンロード」ボタンをクリックすると、qrcode.png として保存されます。
  4. 印刷物やロゴに使う場合は「SVGでダウンロード」を選ぶと、どんなサイズに拡大しても綺麗なままです。
  5. 色やサイズを変えたい場合は「詳細設定」を開いて調整します。誤り訂正レベルは印刷用途なら「H（高）」がおすすめです。

使用例

サイト URL の QR コード

名刺やチラシに載せる URL を QR コードに変換する基本例です。誤り訂正レベル M で読み取り耐性を確保します。

入力

https://temototool.com/ / サイズ 256px / 誤り訂正 M

出力

256×256px の PNG（黒モジュール白背景）が即時生成される。クリックでダウンロード

印刷向け SVG 出力

名刺サイズに小さく印刷する用途では、PNG ではなく SVG をダウンロードしてベクター形式で配置します。

入力

Wi-Fi 設定文字列（WIFI:T:WPA;S:MyHome;P:pass12345;;）/ 誤り訂正 H / 形式 SVG

出力

qrcode.svg（拡大縮小しても劣化しない、誤り訂正レベル H で 30% 欠損まで復元可能）

活用シーン

名刺・チラシへのURL掲載

サイトや SNS の URL を QR にして印刷物に載せると、手入力なしでアクセスしてもらえます。SVG なら小さく印刷しても劣化しません。

店舗・イベント受付の動線

メニューや Wi-Fi、申込フォームの URL を QR にして掲示すれば、来場者がその場でアクセスできます。

勉強会・プレゼン資料の補助

GitHub や参考 URL を QR にしてスライドに貼ると、参加者が自分のスマホからすぐ開けます。

サービス・アプリの紹介

アプリのダウンロードページや自社サービスの URL を QR にして、パンフや展示ポスターに使えます。

ブランドカラーのQRコード

詳細設定で前景色・背景色を変えると、企業カラーに合わせた QR を作れます。読み取れるようコントラストは十分に保ちます。

テキスト共有の代替手段

Wi-Fi 接続情報や連絡先、短い文を QR にしておけば、口頭やタイピングより速く正確に渡せます。

技術的な解説

補足: 仕組み

QRコードの生成はブラウザの JavaScript ライブラリ qrcode で処理します。入力のたびに debounce を挟み、Canvas に描画します。

PNG は canvas.toDataURL() で取得し、<a download> で保存します。SVG は QRCode.toString() の文字列を Blob 経由で保存します。

誤り訂正レベルは L・M・Q・H の4段階です。レベルを上げると復元力は増しますが、パターンは密になります。

もっと詳しく

誤り訂正レベルを上げるとモジュールが増える理由

誤り訂正は QR コードに復元用データ（Reed-Solomon 符号）を足して実現します。レベル H は L の約4倍の訂正データを持ちます。

そのぶん必要なモジュール数が増え、1マスが小さく密になります。短い URL を大きく印刷するなら H、長文なら M が実務的です。

PNG と SVG をどちらで保存すべきか

PNG は固定解像度のため、出力より大きく引き伸ばすと輪郭がぼやけます。カメラの検出精度も落ちます。

SVG はモジュールを矩形パスで描くベクター形式です。名刺でもポスターでも輪郭がシャープに保たれます。

拡大の可能性がある印刷物なら SVG、サイズ確定済みや Web 表示なら PNG が扱いやすい形式です。

関連ツール

同じカテゴリの他のツールも合わせてどうぞ。