QR SIGNAL STUDIO / CONTENT → PATTERN → FILE

Compose a QR signal, then inspect the rendered file

Set QR code content in one of seven tabs, configure available visual controls, generate the file, then check the displayed result and downloaded file before use.

Open QR Code Generator

Signal board / a visual working sample

The grid on this page is a CSS-made studio sample, not a generated code. The editor renders its own working pattern from the content and controls selected there.

  • Three corner markers organise the sample grid
  • Cells are shown as a design reference, not stored content
  • The editor shows a live visual pattern before generation

Content desk / select the tab that fits the entry

The editor provides separate content tabs rather than one universal field. Enter the fields shown in the selected tab and generate only after the required entry is present.

01 · URL — Website address

Enter a URL in the URL tab.

02 · TEXT — Plain text

Enter text in the multi-line text field.

03 · E-MAIL — Email address

Enter an email address in the Email tab.

04 · PHONE — Telephone number

Enter a telephone number in the Phone tab.

05 · SMS — Number and message

The SMS tab has a telephone-number field and an optional message field.

06 · WI-FI — Network fields

The Wi-Fi tab shows SSID, password, WPA/WPA2, WEP or no password, plus a hidden-network switch.

07 · VCARD — Contact fields

The vCard tab shows name, company, phone, email and website fields.

Output desk / dimensions, colours and file type

The basic controls set the code size from 100 to 1000 px in 50 px steps, a margin, foreground and background colours, and the output type.

DIMENSIONS — 100–1000 px

Move the size control in 50 px increments and set the available margin.

PNG — Raster output

Choose PNG when the PNG option is selected in the editor.

SVG — Vector markup output

Choose SVG when the SVG option is selected in the editor.

Design desk / shape the visible pattern

Advanced controls change the visual parameters sent with the generation request. They do not replace the need to inspect the returned result and downloaded file.

LOGO — Optional centre image

An optional image logo is limited to 2 MB and 25 million pixels. Its scale runs from 10% to 40% in 5% steps.

GRADIENT — Two-colour treatment

Select no gradient, linear or radial; choose two colours. A linear angle runs from 0° to 360° in 15° steps.

DOTS — Six dot styles

Choose square, rounded, dots, classy, classy-rounded or extra-rounded dots.

CORNERS — Three frames, three centres

Corner frame and corner dot each offer square, dot and extra-rounded styles.

CORNER COLOUR — Separate controls

Optional separate colours are available for the corner frame and corner dot.

QUICK SETS — Starting combinations

The editor also exposes four visible quick-style buttons that change selected visual controls.

Working sequence / enter, configure, generate

Use the generator as a sequence of decisions. It enables generation only when the selected content tab has its required entry.

01 · ENTER — Choose and fill a tab

Select URL, Text, E-mail, Phone, SMS, Wi-Fi or vCard, then complete its shown fields.

02 · SET — Choose available controls

Set size, margin, two base colours and PNG or SVG; open advanced controls if needed.

03 · GENERATE — Request the result

Use Generate QR Code, then wait for a successful result state before downloading.

Result desk / preview first, download second

After a successful server result, the editor displays a result preview and enables its download action. The downloaded file is created from that successful server result.

PREVIEW — Inspect the returned image

Review the displayed result after generation, including the chosen colours, logo and visible pattern.

DOWNLOAD — Use the returned file

The download action builds a file from the successful server result and its returned filename and type.

CHECK — Check before use

Check both the preview and downloaded file in the intended context before using the code.

Boundaries to keep in view

  • The URL, Text, E-mail and Phone tabs require a non-empty entry; SMS requires a telephone number, Wi-Fi an SSID, and vCard a name before generation is enabled.
  • The optional logo is rejected by the editor when it exceeds 2 MB or 25 million pixels; its visible scale control uses 10% to 40% in 5% steps.
  • A linear gradient has two colours and an angle from 0° to 360° in 15° steps; radial and no-gradient are separate choices.
  • A generated pattern is not a promise of readability. Check the preview and the downloaded PNG or SVG file before use.

Continue from the signal desk

These links open separate tools with their own controls and result checks.

QR signal studio notes

Which content tabs are available?

The editor offers URL, Text, E-mail, Phone, SMS, Wi-Fi and vCard tabs.

What does the Wi-Fi tab show?

It shows fields for SSID and password, choices for WPA/WPA2, WEP or no password, and a hidden-network switch.

What size and file types can I select?

The size control runs from 100 to 1000 px in 50 px steps. The editor offers PNG and SVG output plus a margin and foreground/background colour controls.

What are the logo limits?

An optional image logo is limited to 2 MB and 25 million pixels, with a scale control from 10% to 40% in 5% steps.

Which design controls are available?

There are no, linear and radial gradient choices, two gradient colours, a 0°–360° linear angle in 15° steps, six dot styles, three corner-frame styles, three corner-dot styles and optional separate corner colours.

What happens when I download?

After a successful server result, the editor creates the download from that result’s returned data, filename and type. Check the preview and downloaded file before use.

Move from settings to a checked file

Open the editor, fill one content tab, configure the available controls, generate the result, then check the preview and downloaded file before use.

Open QR Code Generator