WhatsApp QR コード生成 のクイックスタート

使い方

1. ツールを開き、左の入力欄にデータを貼り付けます。
2. タスクに本当に必要なオプションだけを設定します。ほとんどの場合、既定値で正しく動作します。
3. 右の出力欄で結果を確認します。入力に応じてリアルタイムに更新されます。
4. 「コピー」で結果を取得するか、「ダウンロード」でファイルとして保存します。

例

Normalises the number to digits and builds https://wa.me/15550109988?text=…

入力

15550109988

出力 — 検索結果

<div class="qr-out">
  <div class="qr-preview"><img src="data:image/png;base64,iVBORw0KGgo=" alt="QR code" width="256" height="256" style="max-width:100%;height:auto;image-rendering:pixelated"></div>
  <div class="qr-meta">
    <table class="tb-table"><tbody>
      <tr><th>Detected type</th><td>WhatsApp</td></tr>
      <tr><th>Version</th><td>4 (33×33 modules)</td></tr>
      <tr><th>Error correction</th><td>M</td></tr>
      <tr><th>Quiet zone</th><td>4 module(s)</td></tr>
      <tr><th>Payload size</th><td>51 bytes (UTF-8)</td></tr>
      <tr><th>Contrast</th><td>21.00:1</td></tr>
      <tr><th>Validation</th><td class="ok">VALID</td></tr>
      <tr><th>Render → decode self-test</th><td class="bad">FAILED (decoded ≠ payload)</td></tr>
    </tbody></table>
    <table class="tb-table"><tbody><tr><th>phone</th><td>15550109988</td></tr></tbody></table>
  </div>
</div>
<div class="qr-payload"><strong>Payload</strong><pre class="ex-io">https://wa.me/15550109988?text=Hello%20from%2026173</pre></div>


<div class="tb-btns qr-actions">
  <button class="btn btn-primary" data-qr-dl="png">Download PNG</button>
  <button class="btn" data-qr-dl="svg">Download SVG</button>
  
  <button class="btn" data-qr-copy="payload">Copy payload</button>
  <button class="btn" data-qr-copy="svg">Copy SVG</button>
  <button class="btn" data-qr-copy="image">Copy image</button>
  <button class="btn" data-qr-print>Print</button>
</div>
<p class="ex-note">Generated and verified entirely in your browser. No data is uploaded.</p>

実行

説明

Build a wa.me link QR code with an optional prefilled message, normalising the phone number to digits with country code.

WhatsApp QR コード生成 → · 使い方 → · qr →

関連ツール