Генератор QR-коду SVG
QR-код у форматі SVG складається з квадратів, описаних геометрією, а не пікселями, тож дизайнер може масштабувати його до будь-якого розміру без розмитих країв. На цій сторінці SVG уже вибрано: введіть вміст і завантажте файл, який одразу вставляється в Illustrator, Inkscape, Figma чи макет для друку.
Генератор QR-кодів
Поле «Посилання» обов’язкове.
Нічого не завантажується; код створюється для вас, щоб завантажити.
Ширина і висота PNG у пікселях. 1000 px друкується чітко приблизно до 8 см; векторні формати цей параметр ігнорують.
Порожня рамка навколо коду в модулях (маленьких квадратах). На строкатому тлі сканерам потрібно щонайменше 4.
Вищі рівні сканується, навіть якщо частина коду забруднена або закрита логотипом, але візерунок стає щільнішим.
Обирайте темний колір. Світлі коди на темному тлі не читаються на багатьох старіших камерах телефонів.
Потрібен сильний контраст із кольором коду; білий — найнадійніший вибір.
Як користуватися цим інструментом
- 1
Виберіть вміст
Залиште Тип QR-коду «Посилання на сайт» і вставте адресу в поле Посилання або виберіть інший тип: Wi-Fi, контакт, геолокація тощо. У полі Завантажити як уже вибрано SVG.
- 2
Налаштуйте кольори й поле навколо коду
У розділі Додаткові налаштування залиште Вільна зона на рівні 4 модулів, у полі Колір коду виберіть фарбу, якою друкуватиме ваш принтер, і позначте Прозорий фон, якщо код розміщено на світлому елементі дизайну.
- 3
Створіть і розмістіть
Натисніть Створити, помістіть SVG у макет, масштабуйте до потрібного розміру та зробіть пробний друк перед повним тиражем.
Як отримати QR-код у вигляді файлу SVG?
Введіть посилання або інший вміст, залиште в полі Завантажити як формат SVG і натисніть Створити. Файл — це масштабований векторний QR-код без водяного знака та без терміну дії.
Чому дизайнери й друкарні просять QR-код у SVG
SVG став рекомендацією W3C у 2001 році, і сьогодні його відкривають усі браузери та всі великі програми для дизайну. Для QR-коду це майже ідеальний формат: символ складається лише з темних квадратів на сітці, тому векторний файл малий, краї за будь-якого масштабу залишаються математично рівними, а друкарні не доводиться збільшувати растрове зображення.
Екрани описують колір у RGB, і SVG теж. Друкарські машини друкують у CMYK, тож друкарня перетворює чорний колір коду під час додрукарської підготовки. Для невеликого коду просіть однофарбовий 100% чорний (C0 M0 Y0 K100), а не насичений чорний із чотирьох фарб: чотири форми, що лягають із розбіжністю в соті частки міліметра, дають краям модулів кольорову кайму. Якщо в макеті є плашкова фарба, код можна надрукувати нею, аби фарба була темною.
Розмір QR-коду для друку залежно від відстані сканування
2 × 2 см
Візитівка
Коротке посилання, сканування з відстані близько 20 см. Вважайте 2 см мінімумом.
3 × 3 см
Флаєр, меню або картка на стіл
Зчитується на відстані витягнутої руки; для vCard або коду Wi-Fi потрібен саме такий розмір.
10 × 10 см
Плакат A4 на стіні
Сканування приблизно з 1 м за правилом 10:1.
30 × 30 см
Вітрина або банер
Зчитується приблизно з 3 м через тротуар.
Типове емпіричне правило: ширина коду дорівнює одній десятій відстані сканування. Воно розраховане на коротке посилання; довгий вміст потребує більше місця, бо модулі менші. Усі розміри наведено для самого коду разом із білою вільною зоною в 4 модулі навколо нього.
QR-код у SVG чи PNG: який файл завантажити
SVG краще, коли
- Код іде до друкарні, виробника вивісок або постачальника пакування
- Кінцевий розмір ще невідомий
- Ви хочете змінити колір або вирівняти код у програмі для дизайну
- Його вирізатиме лазерний гравер або плотер
PNG зручніший, коли
- Його вставляють у Word, Google Docs або підпис електронного листа
- Форма або платформа приймає лише JPG чи PNG
- Файл має відкрити людина без програм для дизайну
- Його показуватимуть лише на екрані
Для всього з другого стовпця генератор QR-коду в PNG дає піксельний файл із вибраною вами роздільною здатністю. Якщо друкарня просить PDF замість SVG, виберіть PDF у полі Завантажити як або конвертуйте наявний файл за допомогою SVG у PDF.
Як передати SVG QR-код у друкарню
Перш ніж відправити файл
- Відскануйте розміщений код у кінцевому розмірі на пробному друку
- Не допускайте тексту й рамок у вільній зоні в 4 модулі
- Просіть чорний 100% K, а не насичений чорний
- Не додавайте ефектів, тіней чи заокруглення модулів
- Перевірте контраст, якщо використали прозорий фон
- Називайте файл за призначенням, а не qr-final-2.svg
Запитання про SVG QR-код
Чому параметр «Розмір зображення» не змінює мій SVG?
Тому що в SVG немає пікселів, які можна порахувати. Розмір зображення задає роздільну здатність для завантаження в PNG; векторний файл масштабують у програмі верстки, і він однаково чіткий і на 2 см, і на 2 м.
Чи можна змінити колір SVG QR-коду в Illustrator або Figma?
Так, модулі — це звичайні заливні фігури. Змінюйте заливку, як у будь-якого іншого векторного об’єкта, але код має бути темнішим за фон, а вільна зона — порожньою.
Що краще для друкарні: SVG чи EPS?
Обидва формати векторні. Більшість сучасних друкарських процесів приймають SVG або PDF, а деякі старіші додрукарські системи й виробники вивісок досі прямо просять EPS. Виберіть той, що вказала друкарня, або надішліть PDF — його відкриє будь-яка майстерня.
Чи можна гравіювати або вирізати SVG QR-код?
Так. Лазерні гравери та плотери для вінілу читають контури SVG, а Cricut Design Space приймає завантаження SVG. Переконайтеся, що вигравірувана або вирізана ділянка темніша за матеріал навколо.
У мене є лише PNG старого QR-коду. Чи можна отримати SVG?
Найнадійніше — відсканувати старий код, скопіювати його вміст і створити код заново тут у форматі SVG. Трасування PNG за допомогою конвертера PNG у SVG теж працює для чітких контрастних зображень, але повторне створення позбавляє будь-яких похибок округлення.