Редактор QR online

Код

Експорт

Прочитати QR-код

Запуск камери…

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

Мої документи

Клацніть документ, щоб відкрити його. Документи зберігаються лише в цьому браузері - нічого не вивантажується на сервер. Очищення даних сайту в браузері видалить їх, тому завантажте ті, які хочете зберегти.

ШІ-асистент

З вами може працювати будь-який ШІ - ChatGPT, Claude, Gemini, Copilot.

  1. Натисніть Копіювати промпт.
  2. Вставте його у свій ШІ та скажіть, що має містити код або як він має виглядати.
ШІ має

QR-документ передається в посиланні після «#», якого не бачить жоден сервер. Те, що ви вставляєте у свій ШІ, обробляє його провайдер.

Збереження на ваш сервер

Редактор може надсилати кожну збережену версію на ваш власний сервер (вебхук), щоб ваша робота зберігалася там, де ви хочете. Нічого не надсилається, доки ви не введете тут адресу.

Що отримує ваш сервер

Запит POST із JSON (ваш сервер має дозволяти CORS з https://qr.giit.ch):

{ "editor": "qr", "event": "save", "id": "…", "name": "Guest WiFi",
  "content": "color: #1d2b53\n---\nWIFI:T:WPA;S:Guest;P:sunny-day-42;;",
  "updated": "2026-01-15T09:30:00.000Z" }
Вбудувати редактор у ваш сайт
<iframe src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:80vh;border:0"></iframe>
<script>
const frame = document.querySelector('iframe');
addEventListener('message', e => {
  if (e.origin !== 'https://qr.giit.ch' || e.source !== frame.contentWindow) return;
  if (e.data.type === 'qreditor:ready')
    frame.contentWindow.postMessage({ type: 'qreditor:load', name: 'Shop',
      content: 'https://example.com/shop' }, 'https://qr.giit.ch');
  if (e.data.type === 'qreditor:save') saveOnYourServer(e.data.content);
});
</script>

Також можна: ?src=<URL файлу .qr> відкриває файл, &webhook=<URL> зберігає туди цей документ. Редактор може відкриватися й в окремому вікні (?embed=window), а ваша сторінка може передати йому власний промпт для ШІ та ключ сеансу, щоб ШІ надсилав результат на ваш сервер (qreditor:ai, qreditor:key-request) - див. «Редактор на вашому сайті» під редактором. Подробиці - у llms.txt.

Довідка

Як це працює

  1. Виберіть, що містить код, у меню Новий або на вкладці Вміст: посилання, Wi-Fi, контакт, подію, платіж … Форма записує вміст у вигляді, який читають телефони.
  2. Оформіть його на вкладці Дизайн: кольори й градієнт, форма модулів і трьох очей, логотип, підпис і рамка.
  3. Код ліворуч - це весь QR-документ: рядки оформлення key: value, рядок ---, потім вміст точно так, як він потрапляє в код. Там теж можна писати; кожна зміна - один крок для «Скасувати».
  4. Перевірка: після кожної зміни редактор читає код - у звичайному розмірі, малим і розмитим. Позначка над кодом показує, чи він сканується; вкладка Перевірка показує контраст, тиху зону, логотип порівняно з корекцією помилок і розмір друку.
  5. Клацніть підпис під кодом, щоб змінити його просто там.
  6. Експорт створює SVG, PDF і EPS (вектори для друку), PNG, JPEG або WebP будь-якого розміру, а також багато кодів одразу з таблиці: впишіть {{column}} у вміст, вставте таблицю, завантажте ZIP або один PDF.
  7. Прочитайте код: відкрийте, перетягніть або вставте зображення чи натисніть Сканувати для камери. Вміст стає новим документом.

Поєднання клавіш

Ctrl + Z / Y
Скасувати / повторити
Ctrl + S
Зберегти (завантажити SVG або на ваш сервер)
Ctrl + E
Експорт
Ctrl + O
Мої документи
Ctrl + V
Вставити зображення з QR-кодом, щоб прочитати його
Alt + Z
Переносити довгі рядки в коді

Безкоштовні QR-коди, які ніколи не закінчуються, - з дизайном, перевірені й приватні

QR Editor - безкоштовний генератор QR-кодів для посилань, Wi-Fi, контактів, подій, електронних листів, SMS, місць і платежів. Ви оформлюєте коди кольорами, градієнтами, формами, логотипом і підписом, а редактор зчитує кожен код, щоб переконатися, що він сканується, - ще до друку. Експортуйте SVG, PDF і EPS для друку або PNG будь-якого розміру.

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

Що вміє QR Editor

Дванадцять типів вмісту

Посилання, текст, Wi-Fi (WPA, WEP, відкрита, прихована мережа), контакти як vCard або MeCard, e-mail, SMS, телефон, місце, події календаря, Bitcoin і Ethereum, платежі SEPA (EPC GiroCode) і швейцарський QR-рахунок - кожен із формою та перевірками.

Дизайн

Кольори, лінійні й радіальні градієнти, прозоре тло, сім форм модулів, чотири рамки й п’ять центрів «очей» власного кольору, логотип із вбудованих символів або вашого зображення, підпис і рамка.

Перевірено скануванням

Кожен код зчитується в браузері - у звичайному розмірі, малим і розмитим. Перевіряються контраст, тиха зона й логотип порівняно з корекцією помилок, а розмір друку випливає з відстані сканування.

Експорт для друку й вебу

SVG, PDF і EPS як вектори з градієнтами й логотипом; PNG до 8192 пікселів із записаним dpi, JPEG і WebP. Безкоштовно, без реєстрації.

Багато кодів одразу

Впишіть у вміст заповнювачі на кшталт {{url}}, вставте таблицю й завантажте ZIP із файлами SVG чи PNG або один PDF з кодом на кожній сторінці.

Читання QR-кодів

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

Чому статичні коди

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

Як це працює

  1. Виберіть - виберіть тип коду в меню «Новий» і заповніть форму або введіть вміст.
  2. Оформіть і перевірте - змінюйте кольори, форми, логотип і підпис; позначка над кодом показує, чи він досі сканується.
  3. Експортуйте - завантажте SVG, PDF, EPS або PNG чи створіть багато кодів із таблиці.

Редактор на вашому сайті

Будь-яка сторінка https (і localhost) може вбудувати редактор за допомогою <iframe> і ?embed=1 - без реєстрації, без ключа. У вбудованому вигляді редактор приховує цей текст і показує кнопку «Зберегти». Додайте camera до allow в iframe, якщо користувач має сканувати в ньому коди.

1. Відкрити файл за посиланням, зберегти на ваш сервер

src= відкриває файл .qr (ваш сервер має дозволяти CORS), webhook= змушує «Зберегти» (Ctrl+S) надсилати QR-документ на цю адресу. Додайте &auto, щоб зберігати після кожної зміни.

<iframe src="https://qr.giit.ch/?embed=1&src=https://your-site.com/codes/shop.qr&webhook=https://your-site.com/save.php"
        allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>

Вебхук отримує POST із JSON { editor: "qr", event: "save", id, name, content, updated }; content - це QR-документ (рядки оформлення, ---, вміст).

2. Документ зберігає ваша сторінка (postMessage)

Редактор повідомляє qreditor:ready, ваша сторінка відповідає qreditor:load, редактор повідомляє qreditor:loaded, qreditor:change за справжніх змін і qreditor:save, коли користувач зберігає. Ваша сторінка може надіслати qreditor:get (поточний стан) або qreditor:save (натискання «Зберегти»). Простий вміст без рядків оформлення - теж правильний документ.

<iframe id="ed" src="https://qr.giit.ch/?embed=1" allow="clipboard-write; camera" style="width:100%;height:800px;border:0"></iframe>
<script>
const ed = document.getElementById('ed');
const ORIGIN = 'https://qr.giit.ch';
addEventListener('message', e => {
  if (e.source !== ed.contentWindow || e.origin !== ORIGIN) return;
  const m = e.data;
  if (m.type === 'qreditor:ready')
    ed.contentWindow.postMessage({ type: 'qreditor:load', name: 'Table 12',
      content: 'color: #1d2b53\ncaption: Table 12\n---\nhttps://example.com/menu?table=12' }, ORIGIN);
  if (m.type === 'qreditor:save') saveOnYourServer(m.name, m.content);
});
</script>

3. В окремому вікні та ШІ через ваш сервер

window.open("https://qr.giit.ch/?embed=window", "qreditor-17") відкриває повний редактор в окремому вікні з тими самими повідомленнями. Ваша сторінка може також передати редактору власний промпт для ШІ, адресу https на вашому сайті й один ключ для цього сеансу редактора (ai: { label, prompt, endpoint, key } у qreditor:load або qreditor:ai); тоді ШІ надсилає туди свій результат. Сам редактор ніколи не надсилає ключ і ніколи його не зберігає.

Показати код лише для перегляду (viewer)

?viewer=1 показує лише готовий код із кнопками «Завантажити» та «Експорт»: нічого не можна змінити й нічого не зберігається. Документ надходить із посилання (#b64=, #qr=, ?src=), з вашої сторінки через qreditor:load або через POST на post.php (поле content чи b64, за бажанням name).

Увесь протокол описано в llms.txt. Інші редактори giit працюють так само, зі своїм префіксом, - editors.giit.ch.

Часті запитання

Чи закінчується термін дії моїх QR-кодів?

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

Це справді безкоштовно?

Так. Усі типи вмісту, усі параметри дизайну, експорт у SVG, PDF і EPS, перевірка сканування та створення багатьох кодів із таблиці безкоштовні - без реєстрації, реклами й водяного знака.

Чи надсилаються мої дані на сервер?

Ні. Коди створюються, перевіряються й експортуються у вашому браузері. Зображення та картинка з камери, які ви скануєте, теж читаються в браузері й ніколи не вивантажуються.

Чи скануватиметься мій QR-код з логотипом?

Редактор вам це покаже. Він порівнює частину коду, яку закриває логотип, з тим, що може відновити корекція помилок, і зчитує готовий код - у звичайному розмірі, малим і розмитим. Якщо код сканується ненадійно, ви побачите це ще до друку.

Який формат файлу вибрати для друку?

SVG, PDF або EPS: це вектори, вони лишаються чіткими в будь-якому розмірі, з градієнтами й логотипом. Якщо потрібне растрове зображення - PNG із розміром у міліметрах і 300 dpi.

Чи можна створити швейцарський QR-рахунок або платіжний код SEPA?

Так. Форми перевіряють IBAN, QR-IBAN з QR-референсом, референс кредитора (RF) і довжину кожного поля. Швейцарський QR-рахунок малюється зі швейцарським хрестом і корекцією помилок M, як вимагає стандарт.

Чи вміє він читати QR-коди?

Так. Відкрийте, перетягніть або вставте зображення чи скористайтеся камерою через «Сканувати». Вміст стає новим кодом, який можна змінювати.

Яким завбільшки має бути надрукований QR-код?

Приблизно десята частина відстані сканування: 2 см для 20 см, 10 см для одного метра. Вкладка «Перевірка» розраховує це й попереджає, коли модуль стає меншим за 0,4 мм.