QR-код в SVG: векторный формат без потери качества

Если QR-код планируется печатать (на листовке, упаковке, вывеске или листе A4), формат файла важнее, чем кажется. Растровый PNG, который отдает большинство генераторов, состоит из пикселей: при увеличении края модулей размываются, и код, который отлично выглядел на экране, на баннере превращается в мыльную сетку.

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

Ниже о том, чем вектор отличается от растра на практике, в каких задачах SVG обязателен и как получить векторный QR-код бесплатно.

Чем вектор отличается от растра на практике

PNG фиксирует картинку в конкретном разрешении, например 500×500 пикселей. Пока код печатается размером 2–3 см, этого хватает. Но стоит увеличить его до 10 см, как принтер начнет растягивать имеющиеся пиксели, и границы модулей поплывут. Сканеры читают QR по контрасту границ, поэтому размытие напрямую бьет по считываемости, особенно при недорогой печати.

Обратная сторона у растра тоже есть: PNG «с запасом», в огромном разрешении, весит мегабайты и все равно не спасает при нестандартном масштабе. Вектор снимает вопрос в принципе, один файл закрывает все размеры сразу.

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

Когда SVG обязателен, а когда хватит PDF

SVG нужен, когда код встраивается в макет: дизайнер собирает листовку в Figma или Illustrator, верстальщик вставляет код на сайт, типография просит вектор для офсетной печати. В этих сценариях растр гарантированно обернется браком и переделками.

Если же задача просто распечатать готовые листы с кодами на офисном принтере, удобнее PDF: в нем уже зафиксирована раскладка по A4, размеры и отступы. Подробное сравнение форматов есть в статье SVG или PDF для QR-кодов. Короткое правило: PDF, чтобы печатать, SVG, чтобы редактировать.

Оба формата векторные, поэтому выбор не влияет на качество кода, только на удобство дальнейшей работы.

Как получить QR-код в SVG бесплатно

В нашем генераторе SVG штатный формат выгрузки, а не платная опция. Вставьте ссылку или список ссылок, настройте размер, отступы и цвет, затем выберите формат SVG и скачайте архив: внутри листы A4 в векторе, по одному файлу на лист. Каждый код при необходимости можно вырезать из листа прямо в редакторе.

Работает и обратный сценарий массовой печати: до 1500 ссылок за раз раскладываются на листы автоматически. Как это устроено, описано в гайде массовая генерация QR-кодов из списка.

• Векторный SVG или PDF на выбор, оба бесплатно и без водяных знаков.
• Цвет кода и фона настраивается до выгрузки, с проверкой контраста.
• Подписи под кодами сохраняются и в SVG, и в PDF.

Что проверить перед передачей SVG в работу

Откройте файл в браузере или редакторе и убедитесь, что вокруг кода сохранилась свободная зона, quiet zone. Дизайнеры часто обрезают ее «для компактности», и это первая причина нечитаемых кодов на макетах. Нормы отступов разобраны в статье поля и отступы QR-кода.

Технически SVG обычный текстовый XML-файл: его можно открыть даже в блокноте и увидеть геометрию модулей. Для верстки отсюда следует полезная вещь: цвет заливки меняется правкой атрибута fill, без перегенерации и без потери качества. А вот матрицу (сами квадраты, их размер и взаимное положение) руками трогать нельзя, любое смещение модулей делает код нечитаемым.

Если меняете цвета в редакторе, держитесь принципа «темный код на светлом фоне» и высокого контраста. Инверсия, то есть светлый код на темном, формально допустима стандартом, но заметная часть камер, особенно старых, такие коды не распознает. И после любых правок протестируйте сканирование с распечатки, а не с экрана: бумага строже. Остальные материалы по подготовке к печати собраны в базе знаний.

FAQ

Чем SVG лучше PNG для печати? SVG не теряет резкость при масштабировании: границы модулей остаются идеальными при любом размере. PNG при увеличении размывается, и код может перестать считываться.

Откроется ли SVG в Word или PowerPoint? Да, современные версии Office вставляют SVG штатно через «Вставка, Рисунки». Для старых версий экспортируйте код через PDF.

Можно ли конвертировать уже скачанный PNG в вектор? Автотрассировка растра дает неровные края и лишние точки. Правильный путь: сгенерировать код заново сразу в SVG, это быстрее и без риска.

Следующий шаг

Решите, что будет с кодом дальше: если он уходит в макет или типографию, берите SVG, если сразу на принтер, хватит PDF. Генератор отдает оба формата с одинаковой раскладкой.

Скачайте свой QR-код в векторе: генератор QR-кодов отдает SVG и PDF бесплатно, без регистрации и водяных знаков.