Mr. Tools

How to

How to generate a QR code

QR Code Generator lets you enter a URL or short text, then adjust the size, margin, error correction, colors, and transparency before saving. Use the left side to prepare the content and appearance, then review the preview and output details on the right.

Use QR Code Generator
QR Code Generator thumbnailQR Code Generator thumbnail
Steps
2 steps
Guide
With screenshots
Content
Notes and FAQ

Use Cases

When to use it

  • Add a URL QR code to printed material
  • Create QR codes for events or stores
  • Share forms or social links with a QR code
  • Save SVG QR codes for web use
  • Place transparent QR codes over designs
  • Compare mask patterns and colors before printing

Capabilities

What this tool can do

  • Generate QR codes from URLs or text
  • Save as PNG or SVG
  • Adjust size, margin, and error correction
  • Choose automatic or manual mask patterns
  • Set foreground and background colors
  • Toggle transparent background

Steps

Steps

The order of operations and checkpoints are listed so you can proceed while looking at the screen.

STEP 1

Enter the content and adjust the settings

Enter a URL or text, then tune the size, margin, error correction, mask pattern, colors, and transparency to match your use case.

QRコード生成ツールの入力と設定エリアを示すキャプチャQRコード生成ツールの入力と設定エリアを示す SP 向けキャプチャ

Checkpoints

  • The input content is converted into the QR code
  • Choose a suitable size and margin for your use case
  • Confirm that the foreground and background stay easy to distinguish

Actions on this screen

01
URL / text input

Enter the URL or short message you want to share. Shorter content is usually easier to keep scannable.

Input field in QR Code GeneratorMobile view of the input field in QR Code Generator
02
Size and scan settings

Choose the size, margin, error correction level, and mask pattern based on print or screen usage.

Top settings in QR Code GeneratorMobile view of the top settings in QR Code Generator
03
Colors and transparency

Adjust the foreground and background colors, and enable transparency when needed while keeping the code readable.

Color settings in QR Code GeneratorMobile view of the color settings in QR Code Generator

STEP 2

Review the preview and save the file

Check the preview on the right, confirm the output details, then save the QR code as PNG or SVG.

QRコード生成ツールのプレビューと保存エリアを示すキャプチャQRコード生成ツールのプレビューと保存エリアを示す SP 向けキャプチャ

Checkpoints

  • Review the QR code preview on the right side
  • Check the output details before saving
  • Save the result as PNG or SVG

Actions on this screen

01
QR preview

Review the QR code with the current settings and confirm that the color and margin look right.

QR preview in QR Code GeneratorMobile view of the QR preview in QR Code Generator
02
Output details

Check the text length, output size, error correction, mask, and transparency before saving.

Output details in QR Code GeneratorMobile view of the output details in QR Code Generator
03
Save and copy

Use PNG save, SVG save, or copy the input text depending on how you want to reuse the result.

Save actions in QR Code GeneratorMobile view of the save actions in QR Code Generator

Notes

Notes

Important points are grouped with reasons so you can make decisions before using the tool.

Check

Use a readable color combination

A weak contrast between the foreground and background can make the QR code hard to scan. Start with a dark foreground and a light background.

Check

Keep enough margin for print and placement

Leaving enough space around the QR code helps scanners detect it more reliably on paper and on screen.

Check

Review the destination background when using transparency

A transparent background changes depending on where you place the QR code. Check the preview before saving.

FAQ

Questions about QR Code Generator

Questions that make decisions easier before use are summarized first.

Is the input sent outside the browser?

No. QR code generation runs in the browser and the input is not sent externally.

Can I create a QR code from text other than a URL?

Yes. You can create QR codes from short text, notes, or instructions as well as URLs.

Can I save both PNG and SVG?

Yes. PNG is useful for documents and image editing, while SVG is useful for web use and scaling.

Can I make the background transparent?

Yes. Turn on transparency to save a QR code with a transparent background.

Should I change the mask pattern?

Auto is usually best. Change it only when you want to compare the visual result before printing.

Are colored QR codes scannable?

They are easier to scan when the foreground and background have enough contrast. Test with a real device before use.

Next guides

Related guides

Related guides are listed next so you can continue without getting lost.

How to create a favicon

Learn how to create a favicon set from an image or text logo and save PNG, ICO, SVG, manifest, and HTML snippets.

View guide
How to create a favicon

How to use Image Format Conversion

This guide explains how to choose an image, select the output format, and download the result after checking the preview.

View guide
How to use Image Format Conversion

How to use Image Crop & Resize

This guide explains how to choose an image, adjust the crop area and output size, and save the result.

View guide
How to use Image Crop & Resize
Image ToolsVideo ToolsText ToolsDeveloper ToolsDesign ToolsGenerator Tools