Генератор 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.
Как отправить QR-код в SVG в типографию
Перед тем как отправить файл
- Отсканируйте размещённый код в итоговом размере на пробной печати
- Не размещайте текст и рамки в свободной зоне в 4 модуля
- Просите чёрный 100% K, а не насыщенный чёрный
- Не добавляйте эффекты, тени и скругление модулей
- Проверьте контраст, если использовали прозрачный фон
- Называйте файл по назначению, а не qr-final-2.svg
Вопросы о QR-коде в SVG
Почему размер изображения не влияет на мой SVG?
Потому что в SVG нет пикселей, которые можно посчитать. Размер изображения задаёт разрешение для PNG, а векторный файл масштабируется в программе верстки и выглядит одинаково чётко и при 2 см, и при 2 м.
Можно ли перекрасить QR-код в SVG в Illustrator или Figma?
Да, модули — это обычные залитые фигуры. Меняйте заливку как у любого другого векторного объекта, но код должен оставаться темнее фона, а свободная зона — пустой.
Что лучше для типографии: SVG или EPS?
Оба формата векторные. Большинство современных типографий принимают SVG или PDF, а некоторые старые допечатные системы и производители вывесок по-прежнему прямо просят EPS. Выберите тот формат, который указан у вашей типографии, или отправьте PDF: его откроют везде.
Можно ли гравировать или вырезать QR-код в SVG?
Да. Лазерные граверы и плоттеры читают контуры SVG, а Cricut Design Space принимает SVG-файлы. Убедитесь, что выгравированная или вырезанная область получится темнее окружающего материала.
У меня есть только PNG старого QR-кода. Можно ли получить SVG?
Надёжнее всего отсканировать старый код, скопировать его содержимое и заново создать здесь в SVG. Трассировка PNG через конвертер PNG в SVG тоже подходит для чётких контрастных изображений, но повторное создание исключает любые ошибки округления.