IMG.DIY / Додаткове / Генератор QR-кодів

Генератор QR-кодів

Перетворіть посилання, вхід до Wi-Fi, електронну пошту чи номер телефона на QR-код — з власними кольорами, експортовані як PNG чи SVG.

Генератор QR-кодів visual example
Приватність передусім: нічого не завантажується.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Генератор QR-кодів: 1 · Choose input
1 · Choose input
Генератор QR-кодів: 2 · Adjust and process
2 · Adjust and process
Генератор QR-кодів: 3 · Download result
3 · Download result

Наведіть камеру телефона на QR-код — і він відкриє посилання, приєднається до мережі Wi-Fi чи почне лист. Цей генератор створює їх для найкорисніших випадків — простий текст чи URL, облікові дані Wi-Fi, електронна пошта, телефон і SMS — і дозволяє обрати розмір, рівень корекції помилок та обидва кольори.

Оскільки код малюється у вашому браузері, ви можете експортувати його як гострий SVG для друку чи PNG високої роздільності для вебу, і нічого з уведеного вами ніколи не надсилається на сервер.

Як користуватися

  1. Оберіть типВиберіть URL/текст, Wi-Fi, електронну пошту, телефон чи SMS, потім заповніть поля.
  2. ОформітьЗадайте розмір, рівень корекції помилок і кольори переднього плану/фону. Тримайте хороший контраст, щоб сканери надійно читали код.
  3. ЗавантажтеЕкспортуйте PNG для екранів чи SVG для друку — обидва масштабуються чисто.

Цей генератор QR-кодів ганяє все кодування у вашому браузері за допомогою бібліотеки qrcode-generator під ліцензією MIT. Ви обираєте тип корисного навантаження, заповнюєте кілька полів — і візерунок малюється на місці на вашому власному пристрої. Оскільки дані кодуються прямо в зображення, у ланцюзі немає сервера й нічого не завантажується — ані URL, яким ви ділитеся, ані пароль Wi-Fi, який ви ось-ось надрукуєте на картці. Воно продовжує працювати з вимкненим з'єднанням, а код, який ви робите, ніколи не спливає, бо він не залежить від того, чи лишається живою якась служба переспрямування.

Понад звичайний текст і посилання воно будує структуровані рядки, на які телефони знають, як реагувати: стандартний формат WIFI: для приєднання до мережі в один дотик, mailto: для попередньо заповненого листа, tel: для дзвінка й SMSTO: для повідомлення. Ви керуєте деталями, що вирішують, чи код сканується надійно — рівень корекції помилок (L/M/Q/H), розмір виходу від 256 до 2048 px, колір переднього плану й фону та поле тихої зони. Експортуйте PNG високої роздільності для екранів і швидких друків чи чіткий вектор SVG для постерів, пакування й усього, що має лишатися гострим за великих розмірів.

Для чого його використовують

QR Wi-Fi на столику кафе чи на холодильнику, щоб гості приєднувалися без того, щоб ви зачитували пароль.

Посилання на ваш сайт, меню чи сторінку бронювання, надруковане на флаєрі, картці чи наклейці на вікно.

Код SVG, вставлений у макет постера чи пакування, що лишається гострим як бритва за будь-якого розміру друку.

Код tel: на сервісному фургоні чи вітрині, щоб перехожий міг зателефонувати вам одним дотиком.

Попередньо заповнений код e-mail на контактній картці, щоб люди зв'язувалися з вами без помилок у наборі адреси.

Приватний, постійний QR для вивіски чи книги, що досі сканується роками пізніше без відстеження.

QR-код — це просто картинка, що прописує певний текст

Зніміть містику, і QR-код — це чорно-біла сітка, що кодує короткий рядок. Наведіть на нього камеру, телефон декодує рядок і, залежно від того, як виглядає рядок, відкриває посилання, приєднується до мережі Wi-Fi чи створює чернетку листа. Оце й увесь фокус. Рядок живе всередині візерунка — він нізвідки не завантажується. Це означає, що щойно ви знаєте текст, який хочете закодувати, генерація коду — це чиста математика, яку ваш браузер може зробити самотужки. Без акаунта, без сервера, без завантаження. Цей інструмент використовує бібліотеку qrcode-generator під ліцензією MIT і працює повністю на вашому пристрої; текст, який ви вводите — зокрема пароль Wi-Fi, — ніколи не залишає сторінку.

Типи корисного навантаження, які варто знати

Звичайний текст чи URL — очевидний, але саме структуровані формати роблять QR-код по-справжньому корисним:

  • Wi-Fi будує стандартний рядок WIFI: — SSID, пароль, тип шифрування (WPA/WEP/немає) і прапорець прихованої мережі. Проскануйте його, і телефон пропонує приєднатися без введення пароля символ за символом. Це справді одне з найкращих застосувань QR-коду, і воно розглянуте нижче.
  • Email кодує mailto: з необов'язковими темою й тілом, тож сканування відкриває заповнену чернетку.
  • Телефон використовує tel: для початку дзвінка.
  • SMS використовує SMSTO:, щоб відкрити нове повідомлення на номер.

Оберіть тип, заповніть поля, і інструмент збере правильно відформатований рядок за вас — не треба пам'ятати точний синтаксис.

Найкраще застосування: гостьовий Wi-Fi

Роздрукуйте маленький QR-код Wi-Fi і приклейте його на холодильник, стійку кав'ярні чи вітальну картку Airbnb. Гості сканують і під'єднуються, а вам не треба знову й знову диктувати «велика B, цифра 4, маленька...». Оскільки все відбувається у вашому браузері, пароль не зберігається на чиємусь сервері на шляху до того, щоб стати кодом — він іде прямо з поля вводу у візерунок. Встановіть шифрування на WPA для будь-якого сучасного роутера, позначте «прихований» лише якщо ваша мережа справді ховає свій SSID, і готово.

Вибір корекції помилок

QR-коди несуть надлишковість, тож вони все ще скануються, коли частину коду забруднено, зігнуто чи закрито. Чотири рівні: L відновлює близько 7% пошкоджень, M ~15%, Q ~25%, H ~30%. Вища корекція запаковує більше резервних даних у той самий код, тож візерунок стає щільнішим. Для чистого коду, показаного на екрані, M цілком достатньо. Для чогось надрукованого, з яким взаємодіють чи що приклеєне на поверхню, яку штовхають, беріть Q чи H. Інша причина обрати H: він лишає достатньо надлишковості, щоб ви могли самі покласти маленький логотип у центр пізніше, не зламавши сканування — цей інструмент не вбудовує логотипи за вас, але саме High EC робить накладення безпечним.

Контраст не є необов'язковим

Сканери знаходять код за різницею між темними й світлими модулями. Тримайте передній план по-справжньому темним, а тло по-справжньому світлим — темне на світлому, а не навпаки (багато читачів відмовляються від інвертованого коду). Блідо-сірий на білому чи два середні тони читатимуться повільно або зазнають невдачі в тьмяному світлі. Якщо ви хочете фірмові кольори, використовуйте глибокий, насичений передній план і тримайте сильний розрив до тла. І не чіпайте тиху зону — порожнє поле; інструмент дозволяє задати її ширину, а кілька модулів порожнього простору — це те, що каже сканеру, де код закінчується.

PNG чи SVG, і чому

Експортуйте PNG (від 256 до 2048 px) для будь-чого на екрані чи швидкого друку. Експортуйте SVG, коли він друкуватиметься в розмір — плакат, візитка, упаковка — бо SVG векторний: він лишається гострим як бритва за будь-якого масштабу замість того, щоб перетворитися на розмиті квадрати. Для друку передайте SVG у ваш макет і дайте йому масштабуватися.

Статичний, навмисно

Дивіться на одну річ тверезо: це статичні коди. Дані вбудовані в зображення, тож код ніколи не спливає й нікуди не «дзвонить додому» — жодного відстеження, жодної аналітики сканувань, нічого, за що треба й далі платити. Зворотний бік у тому, що ви не можете редагувати його після друку; змінили URL — друкуєте новий код. Багато онлайн-сайтів QR ховають перенаправлення посередині, щоб вони могли рахувати сканування й змінювати ціль пізніше — зручно, але це означає, що кожне сканування пінгує їхній сервер, і якщо вони закриються чи почнуть брати плату, ваш надрукований код помирає. Статичний код не має такого важеля над вами. Для картки Wi-Fi чи посилання, яке ви контролюєте, статичний — це чесний вибір.

Чому IMG.DIY

Багато типів

URL, текст, Wi-Fi, електронна пошта, телефон і SMS.

Ваші кольори

Власний передній план і фон, регульована тиха зона.

PNG + SVG

Растр високої роздільності чи безмежно масштабований вектор.

Приватно

Генерується локально — нічого не завантажується.

Поширені запитання

Чи мають ці QR-коди термін дії?
Ні. QR-код — це просто зображення, що кодує ваш текст чи посилання напряму — немає ані відстежувального перенаправлення, ані чогось, що спливає. Він працює вічно.
Який рівень корекції помилок обрати?
Середній — хороший вибір за замовчуванням. Використовуйте Високий, якщо плануєте розмістити логотип по центру чи друкувати дрібно, адже він витримує більше пошкоджень.
Навіщо тримати хороший контраст кольорів?
Сканерам потрібна чітка різниця між темними й світлими модулями. Темне на світлому працює найкраще; дуже світлий передній план чи строкатий фон можуть не проскануватися.
Чи зберігається пароль Wi-Fi десь?
Ні. QR будується у вашому браузері, і текст ніколи не завантажується на сервер. Будь-хто, хто відсканує надрукований код, може приєднатися, тож розміщуйте його продумано.
Чи можна помістити мій логотип у центр коду?
Не через цей інструмент — немає UI для вбудовування логотипа. Але якщо ви задасте корекцію помилок на H (~30% відновлення), код несе достатньо надлишковості, щоб ви могли самі накласти малий логотип у графічному редакторі потім без псування скану. Тримайте логотип скромним за розміром і протестуйте результат перед друком партії.
Наскільки великим його друкувати й з якої відстані він сканується?
Груба заповідь у тому, що ширина коду має бути близько 1/10 відстані сканування. Близько 3 см комфортно читається на відстані витягнутої руки; постер, що читається з 3 метрів, хоче приблизно 30 см. Довші закодовані дані й вища корекція помилок обидві роблять кожен модуль меншим, тож тримайте текст коротким, якщо друкований код має лишатися малим.
Чи робить воно коди контактів vCard?
Не як окремий тип корисного навантаження. Структуровані опції — це Wi-Fi, e-mail, телефон і SMS. Для контакту, яким можна поділитися, ви можете закодувати mailto: чи tel: або вставити сирий текст vCard у поле звичайного тексту — телефони все одно розпізнають правильно сформований рядок vCard, хоча ви складали б його самі.
PNG чи SVG — що мені завантажити?
Використайте PNG (256–2048 px) для екранів чи швидкого друку фіксованого розміру. Використайте SVG щоразу, коли він масштабуватиметься чи друкуватиметься великим — це вектор, тож він лишається ідеально чітким за будь-якого розміру замість того, щоб перетворитися на розмиті квадрати. Для постерів, пакування й візитівок передайте SVG вашому ПЗ для верстки.

Схожі інструменти

Гайди та поради