ЕКСПОРТ QR У SVG

Експорт QR-коду у SVG, а не растр в обгортці

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

Створити і експортувати код Читати гайд із друку

ШВИДКИЙ ОГЛЯД

Що це дає на практиці

Дизайн, потім експорт SVG

Оберіть вміст і оформлення, тоді завантажте векторний файл.

Перевірки перед друком

Розмір, тиха зона, контраст і матеріал — до накладу.

Брендована графіка

Логотип, кольори і фрейми без втрати читабельності.

Що насправді лежить усередині файлу

Експорт — це один елемент SVG із заявленими шириною та висотою і з viewBox, поміряним у модулях. Кожен темний модуль — прямокутник один на один у цілих координатах, а три пошукові візерунки намальовані окремими фігурами, тож стиль кутів лишається незалежним від того, які модулі — квадратні, заокруглені чи крапкові. Нічого не обведено з растру, бо нічого ніколи растром і не було.

Тиха зона є частиною полотна, а не тим, про що треба згадати пізніше: viewBox — це код плюс обраний вами відступ, чотири модулі за замовчуванням і до шістнадцяти. Прозорий фон записується як повна відсутність підкладкового прямокутника — саме це дозволяє файлу лягти на кольоровий папір без білої коробки навколо.

Один прямокутник на модуль, у цілих координатах
Тиха зона включена у viewBox
Передній план і фон — шестизначні шістнадцяткові значення
Жодного підкладкового прямокутника, коли фон прозорий

Вектор — це про краї, а не про розмір файлу

Сканер читає межу між темним модулем і світлим. Збільшення маленького PNG розмиває кожну з цих меж, а розмита межа — це неоднозначні дані. Саме тому розтягнутий код не читається на тому розмірі, який той самий код спокійно витримує, коли його експортували вектором. У SVG просто немає роздільності, яку можна втратити.

Через це один файл покриває всі розміщення. Те, що йде на запрошення, йде і на постер: друкарня масштабує його, а краї модулів лишаються рівно там, куди їх поклала геометрія.

Де оформлена картка перестає бути чистим вектором

Голий код векторний наскрізь. Картка векторна там, де може: матриця зберігає свою геометрію, а фігури, фони й градієнти лишаються фігурами.

Дві речі цю подорож не витримують. Фотографія або завантажений логотип не мають векторної форми, тож усередині SVG вони їдуть як растрове зображення високої роздільності. Текст лишається живим текстом із назвою гарнітури, а це означає, що машина без цього шрифту підставить інший — і рядок змінить ширину. Коли типографіка має бути точною, набирайте її у програмі верстки, а код експортуйте окремо.

Картка, збережена у PDF, зводиться до одного зображення високої роздільності на сторінці — композиція з фотографій інакшою бути не може, — і Mosaqo рендерить її значно вище за 300 dpi на A4, тож вона все одно готова до друку. Лише голий код, у SVG чи PDF, потрапляє на сторінку геометрією.

Матриця QR — векторна геометрія
Завантажені фото, логотипи та стікери — вбудований растр
Текст — живий текст, тож або лишайте шрифт, або набирайте у верстці

Для чого потрібні експорти PNG і PDF

PNG — правильна відповідь для екрана, листа чи слайда: усюди, де код ставлять один раз і на розмір, який ви вже знаєте. Експортуйте його з запасом і ніколи не розтягуйте потім.

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

Перефарбування і розміщення файлу

Оскільки файл — це текст, його кольори редагуються без дизайнерської програми: заливка модулів — це обраний вами передній план, а підкладковий прямокутник — фон. Тримайтеся звичного напрямку: темні модулі на світлій основі. Інвертовані коди читає багато сканерів, але не всі, а це робить їх лотереєю на будь-чому друкованому.

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

Тестуйте експортований файл, а не прев’ю

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

Редактор перевіряє контраст, тиху зону і щільність даних просто під час роботи, і ці перевірки ловлять більшість проблем ще до друкарні. Чого вони не бачать — це лаку, згину і світла в кімнаті.

FAQ

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

SVG — це справжній вектор чи картинка коду?

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

Чи можна змінити кольори у збереженому файлі?

Так. Передній план і фон записані шестизначними шістнадцятковими значеннями просто в розмітці, тож їх можна редагувати в будь-якому текстовому чи дизайнерському редакторі. Лишайте темні модулі на світлому фоні: інверсія коду найчастіше і ламає сканування.

Чому в моїй експортованій картці є вбудоване зображення?

Бо фотографія або завантажений логотип не мають векторної форми. Матриця лишається векторною геометрією, а зображення їде растром високої роздільності всередині того самого SVG.

Що надсилати друкарні — SVG чи PDF?

Будь-що з двох, обидва векторні. PDF — це готовий аркуш A4 із намальованим на ньому кодом, що пасує друкарні, якій потрібна сторінка. SVG — це код окремо, що пасує дизайнеру, який ставить його у верстку. Чого не варто надсилати нікому — це растр, розтягнутий із маленького.

Чи включена в SVG тиха зона?

Так. Відступ, який ви задали — чотири модулі за замовчуванням, — є частиною полотна, тож розміщення файлу впритул до краю верстки не з’їдає коду простір для дихання.

НАСТУПНИЙ КРОК