QR Code Studio

Zap to QR

URL・テキスト

QRコードカラー

背景色

ドットスタイル

コーナースタイル

中央アバター（オプション）

QRコード生成API

URLパラメータ（GET）またはJSONボディ（POST）でQRコードを生成できます。

GETメソッド（アバターなし）

シンプルなURLパラメータでQRコードを生成

POSTメソッド（アバター対応）

fetch('/api/qr', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    text: 'https://example.com',
    color: '#16dea9',
    bg: '#ffffff',
    dots: 'dots',
    corners: 'extra-rounded',
    size: 300,
    avatar: 'data:image/png;base64,...' // Base64画像
  })
})

JSONボディでアバター画像（Data URL）も送信可能

パラメータ一覧

textQRコードの内容（URL/テキスト）

colorQRコードの色（hex形式）

bg背景色（hex形式）

dotsドットスタイル（dots / rounded / square）

cornersコーナースタイル（extra-rounded / dot / square）

size画像サイズ（ピクセル）デフォルト: 300

avatar中央アバター画像（POSTのみ：Data URL / GET：公開URL）

ブックマークレット

以下のボタンをブックマークバーにドラッグ＆ドロップすると、ボタンを押すだけで今開いているページのURLをQRコードにすることができます

QRコード生成

使い方

上の「QRコード生成」ボタンをブックマークバーにドラッグ＆ドロップ
QRコードにしたいページを開く
ブックマークバーの「QRコード生成」をクリック
新しいウィンドウでQRコードが生成されます

手動登録用コード（クリックして表示）