MakeQR
Назад в Блог
svgвекторпечатьдизайн

Бесплатный генератор SVG QR-кода — векторное качество для печати

Команда MakeQR7 мин. чтения

Если QR-код оказывается на билборде, визитке или чём-то, что печатается крупнее почтовой открытки, экспортируйте его как SVG. Растровый PNG в 1000 пикселей квадрат нормально смотрится на экране телефона и катастрофически на постере 90 см, где каждый модуль превращается в пикселизированную кашу, которую камеры телефонов с трудом читают. SVG — векторный формат: код хранится как математические инструкции, а не пиксели, так что один и тот же файл рендерится идеально чётко в любом размере от марки до стадионного баннера.

Это руководство разбирает, почему SVG важен для продакшена, какие бесплатные инструменты действительно дают SVG без paywall и как завести файл в Illustrator, Figma или InDesign чисто. Если вы делаете дизайн для печати, SVG — это дефолт, а не бонусная фича за Pro-тарифом.

Почему SVG лучше PNG для QR-кодов

QR-код — сетка чёрных и белых квадратов, называемых модулями. PNG хранит каждый квадрат как блок пикселей, так что 500-пиксельный PNG представляет каждый модуль примерно 15×15 пикселями. Растяните такой файл до размера постера, и каждый 15-пиксельный блок превратится в 3-сантиметровый — зернистый, с размытыми краями, плохо декодируемый камерами телефонов.

SVG хранит ту же сетку как набор векторных прямоугольников с чёткими математическими границами. SVG размером 2 КБ отображается на 5 см или 5 м с идентичными краями модулей. Это важно в трёх ситуациях: печать в масштабе выставки (баннеры, рол-апы), мелкая печать, где плотность нагружает разрешение камеры (визитки, упаковка продукта), и дизайнерские процессы, где QR будет скомпонован в бо́льшую композицию в Illustrator или InDesign.

Есть и преимущество по размеру файла в большом масштабе. PNG 2000×2000 пикселей весит 40–100 КБ. Эквивалентный SVG обычно меньше 3 КБ — по сути текст, описывающий прямоугольники. Для веба он легче; для печати разница в качестве — основной аргумент.

Какие бесплатные сервисы действительно экспортируют SVG

Экспорт SVG стал одной из первых фич, ушедших за paywall на QR-рынке, поэтому список короче, чем должен быть. Таблица ниже отражает опубликованную политику бесплатного тарифа каждого провайдера по состоянию на апрель 2026 — доступность SVG может меняться, когда провайдеры пересматривают тарифы.

ИнструментSVG бесплатно?Чистота файла
MakeQRДаЧисто, группируемые пути, редактируемо в Illustrator
QRCode MonkeyДаЧисто, по одному пути на модуль
qr-code-generator.comНетТолько платный тариф
QR TIGERНет (только триал)Требуется аккаунт + триал
FlowcodeНетПлатный тариф, ориентация на enterprise
the-qrcode-generator.comДаSVG содержит промо-метаданные

Срез: апрель 2026. Доступ к SVG на бесплатном тарифе может меняться, когда провайдеры пересматривают тарифы.

Колонка «чистота» стоит расшифровки. Некоторые SVG-экспорты технически векторные, но идут со встроенными bitmap-фолбэками, инлайновыми стилями или SVG-комментариями, ссылающимися на генератор. Такие файлы нормально выглядят в браузере, но шумно импортируются в Illustrator — дизайнеры получают лишние слои на удаление. Чистый SVG импортируется простой группой прямоугольников, которую можно перекрасить или вставить в большую композицию без чистки.

Генерация SVG в MakeQR

Откройте makeqr.daylab.dev. Редактор по умолчанию на URL QR, но выбор формата применяется к любому типу контента — WiFi, vCard, PDF, простой текст — так что сначала выберите нужную полезную нагрузку. Заполните назначение, посмотрите как обновляется предпросмотр, и настройте цвет и логотип, если хотите.

Когда предпросмотр выглядит правильно, нажмите Скачать и выберите SVG. Файл сохраняется в папку загрузок как автономный .svg. Откройте его в любом векторном редакторе, в браузере или положите прямо в дизайн-файл. Без водяного знака, без аккаунта, без лимита сканирований на результирующий код.

Три практические заметки о выходном SVG. Первое: код сгруппирован — все модули живут под одним элементом <g>, так что перекраска — одно действие в Illustrator или Figma. Второе: тихая зона вокруг кода сохранена как пустое пространство в viewBox SVG, так что перенос на холст дизайна сохраняет правильный отступ. Третье: если вы добавили логотип, он встроен отдельной группой, которую можно поменять или удалить, не перегенерируя QR с нуля.

Перенос SVG в Illustrator

Дефолтный импорт SVG в Illustrator создаёт чистый слоистый файл. Откройте .svg напрямую через File → Open, либо перетащите на холст. QR появляется как группа заливных прямоугольников. Чтобы перекрасить весь код, выделите группу и смените заливку — не нужно редактировать отдельные модули.

Если хотите, чтобы код сидел внутри большей композиции — брендированного постера, карточки меню, этикетки товара — скопируйте группу и вставьте в целевой документ. Illustrator сохраняет векторную точность между документами, поэтому масштабирование после вставки не деградирует края. Сохраняйте тихую зону нетронутой; не обрезайте QR впритык к другим элементам.

Для CMYK-процессов печати смените цвет заливки с RGB-чёрного на 100% K (key) или насыщенный чёрный по выбору. Чистый RGB-чёрный печатается как более тёплый, мягкий чёрный на большинстве печатных машин, что может снизить контраст с белыми модулями и надёжность сканирования. 100% K или тёплый насыщенный чёрный (C:30 M:30 Y:30 K:100) читается чётко в печати.

Процессы в Figma и Sketch

Figma импортирует SVG через copy-paste или drag-drop. Импортированный QR приземляется как Frame, содержащий векторные фигуры. Чтобы использовать его на макете сайта или маркетинговом активе, меняйте размер свободно — рендерер Figma никогда не пикселизирует векторные файлы.

Одна ловушка конкретно в Figma: если вы копируете Figma-фрейм с QR обратно в PNG, экспорт растеризуется на разрешении предпросмотра. Для передачи в печать экспортируйте фрейм QR снова как SVG, а не PNG. Панель «Export» в Figma предлагает оба; по умолчанию для всего, что уходит из дизайн-инструмента в типографию, — SVG.

Sketch обрабатывает импорт SVG аналогично. Структура группы повторяет Figma, а процесс перекраски тот же — выделите группу, смените заливку.

InDesign для вёрстки страниц

InDesign нативно импортирует SVG не в каждой версии; старые сборки 2023 требуют обходного пути. Три варианта по предпочтительности:

Place как SVG (InDesign 2024+) — прямая поддержка через File → Place. QR импортируется как векторный графический фрейм, меняющий размер без потери качества. Это современный дефолт.

Place как PDF — если ваш инструмент SVG-экспорта также предлагает PDF (MakeQR предлагает), экспортируйте QR как одностраничный PDF. InDesign нативно помещает PDF во всех версиях. Качество идентично SVG, так как оба — векторные форматы.

Copy-paste из Illustrator — откройте SVG в Illustrator, скопируйте группу, вставьте в InDesign. Работает даже в старых сборках InDesign. Чуть больше шагов, но надёжно.

Каким бы путём ни шли, проверьте панель preflight перед экспортом финального документа InDesign в печать. Подтвердите, что QR — вектор (не встроенный растр), в правильном цветовом режиме (CMYK для большинства коммерческой печати) и с тихой зоной минимум 4 мм со всех сторон.

Безопасные размеры печати для SVG QR

Поскольку SVG масштабируется бесконечно, практическое ограничение — сканируемый камерой размер на типичной дистанции просмотра. Ориентировочные гайдлайны, протестированные на Android-телефонах среднего класса 2024 года:

  • Визитка — 20 × 20 мм, тихая зона 4 мм. Читается с 20 см.
  • Подставка на стол / флаер — 30 × 30 мм, тихая зона 6 мм. Читается с 40 см.
  • Постер / вывеска — 80 × 80 мм, тихая зона 16 мм. Читается с 1,5 м.
  • Выставочный баннер — 200 × 200 мм, тихая зона 40 мм. Читается с 3 м.
  • Билборд — размер масштабируется примерно 10:1 от дистанции просмотра. QR 50 см читается с 5 м.

Правило большого пальца: дистанция просмотра в метрах, умноженная на 10, даёт минимальную длину стороны QR в миллиметрах. SVG позволяет попасть в любой из этих размеров из одного исходного файла без перегенерации.

FAQ

Вопрос. SVG QR-код лучше PNG?

Ответ. Для любого печатного использования — да. SVG хранит код как математические фигуры, а не пиксели, так что он остаётся чётким в любом размере — визитка или 3-метровый баннер выходят из одного файла. Для веб-использования, где QR появляется в фиксированном размере, PNG подходит и часто быстрее грузится. Разделение «печать-экран» — основное решение.

Вопрос. Можно ли редактировать SVG QR-код в Illustrator или Figma?

Ответ. Да. SVG — нативный векторный формат, поэтому Illustrator, Figma, Sketch и Affinity Designer импортируют его напрямую. Самые частые правки — перекраска (смена заливки группы модулей) и добавление фона или рамки. Избегайте редактирования отдельных модулей — удаление или изменение формы ломает паттерн коррекции ошибок и может сломать сканирование.

Вопрос. Бесплатные SVG QR-коды хуже платных по качеству?

Ответ. Нет. Спецификация QR открыта (ISO/IEC 18004) и детерминирована — один и тот же входной URL производит один и тот же валидный код независимо от инструмента. Бесплатный SVG из MakeQR или QRCode Monkey — бит-в-бит эквивалент SVG из сервиса за 4 500 рублей в месяц при одинаковом содержимом и уровне коррекции ошибок. Платные тарифы продают аналитику и динамическое перенаправление, а не качество кода.

Вопрос. Почему мой QR-код выглядит пикселизированным при печати?

Ответ. Почти всегда потому, что источник был PNG, масштабированный выше нативного разрешения. 500-пиксельный PNG, растянутый до 20 см печати, показывает видимые пиксельные края вокруг каждого модуля QR. Исправление — перегенерировать как SVG и использовать векторный файл для печати. Если типография принимает только растр, экспортируйте SVG в высокоразрешимый PNG (минимум 1200 DPI в финальном размере), а не масштабируйте меньший файл.

Контекст для России: типографии, кириллица в дизайне и СБП

Российский печатный рынок имеет специфику, влияющую на экспорт SVG. Визитки формата 90×50 мм — доминирующий стандарт, поддерживаемый почти всеми типографиями от Print.ru до региональных цехов Казани и Новосибирска. Если ваш SVG QR настроен под европейский 85×55 мм, композиция съедет при печати. В MakeQR нет встроенной привязки к формату визитки — это ответственность дизайнера, но SVG как вектор легко переразместить в Illustrator или Figma на шаблоне 90×50 мм.

Вторая специфика — CMYK в российских типографиях. Крупные онлайн-типографии (Printolog, Вики-Принт) принимают и RGB, и CMYK, но конвертируют RGB в CMYK по своим профилям, что может сдвинуть фирменный цвет QR. Если бренд-гайд требует точного пантона для QR (например, корпоративный тёмно-синий банка), конвертируйте SVG в CMYK в Illustrator до передачи файла и спросите у типографии ICC-профиль их пресса. Pantone Solid Coated — самый распространённый стандарт для фирменных цветов в РФ.

Третье — шрифты в SVG с кириллицей. Если вы добавляете текстовый caption под QR в Figma (например, «Отсканируйте меню»), при экспорте в SVG текст сохраняется либо как шрифт (требует установки на целевой машине), либо конвертируется в кривые. Для печати всегда конвертируйте в кривые (в Figma: Object → Flatten) — иначе в типографии, где не установлен ваш шрифт с кириллицей, текст отрисуется дефолтным и сломает макет.

Четвёртое соображение — SVG QR рядом со статическим СБП QR на мерч-материалах ресторанов и кафе. СБП QR от банка обычно выдаётся как PNG в личном кабинете, что создаёт противоречие: один QR векторный (ваш vCard или URL), второй растровый (банковский СБП). В таких случаях: (1) увеличивайте СБП QR до финального размера печати в 600 DPI через Photoshop с resampling «Nearest Neighbor» (сохраняет чёткие края модулей); (2) размещайте оба QR с зазором минимум 10 мм, чтобы камера не захватывала оба; (3) подписывайте под каждым назначение («Меню» / «Оплата по СБП»).

По части 152-ФЗ сам SVG QR — инертный файл и не содержит персональных данных. Но если вы агентство, делающее дизайн с QR для клиента-оператора ПДн (например, клиники, салона красоты), договор на обработку должен включать пункт о том, что вы не сохраняете исходные URL клиентов, ведущие на персонализированные страницы. Для MakeQR эта оговорка тривиальна: клиентский генератор не хранит URL на сервере вообще.

Готовы создать QR-код?

Попробуйте MakeQR бесплатно — без регистрации, без водяного знака.

Создать QR-код бесплатно