QR-код в SVG: векторный формат без потери качества
Векторный QR-код масштабируется без потери качества: когда нужен SVG и как его получить.
Если вы собираетесь печатать QR-код (на листовке, упаковке, вывеске или листе A4), от формата файла зависит, как код будет выглядеть на бумаге. Растровый PNG состоит из пикселей: при увеличении края модулей размываются, и код, который отлично выглядел на экране, на баннере теряет резкость.
SVG устроен иначе. Он описывает не пиксели, а геометрию. Квадраты матрицы остаются резкими и на сантиметровом стикере, и на большой вывеске, поэтому один файл годится для визитки и для плаката.
На экране PNG и SVG выглядят почти одинаково, а разница появляется на печати и в макете.
Чем вектор отличается от растра на практике
PNG фиксирует картинку в конкретном разрешении, например 500×500 пикселей. Пока код печатается размером 2–3 см, этого хватает. Но стоит увеличить его до 10 см, как принтер начнет растягивать пиксели, границы модулей размоются, и считываемость упадет, особенно при недорогой печати.
Большое разрешение только отодвигает момент, когда размытие станет заметным. PNG остается картинкой под один масштаб, и при другом размере его все равно растягивают. Векторный файл подходит для любого размера.
SVG хранит координаты и размеры фигур. Файл с одним кодом на короткую ссылку весит 2–2,5 КБ, а нужный размер программа рисует в момент печати или верстки. Цвет и размер вы меняете прямо в редакторе, без перегенерации кода.
Когда SVG обязателен, а когда хватит PDF
SVG нужен, когда код встраивается в макет: дизайнер собирает листовку в Figma или Illustrator, верстальщик вставляет код на сайт, печатник просит вектор для широкого формата, типография просит его для офсета. В такой работе растровый файл размывается по краям, и макет приходится переделывать.
Если же задача просто распечатать готовые листы с кодами на офисном принтере, удобнее PDF: в нем уже заданы сетка по листу A4, размеры и отступы. Подробное сравнение форматов разобрано в статье SVG или PDF для QR-кодов.
Оба формата векторные, поэтому выбор не влияет на качество кода, только на удобство дальнейшей работы.
Как получить QR-код в SVG бесплатно
В нашем генераторе SVG это штатный формат выгрузки, и доплачивать за него не нужно. Вставьте ссылку или список ссылок, настройте размер и цвет, затем выберите векторный режим. «SVG листами» соберет коды в сетку на листах A4: на каждый лист свой файл. «SVG по одному» отдаст каждый код отдельным файлом с именем вида qr-0001 Подпись.svg, и вырезать коды из листа не придется.
На странице генератор QR-кодов в SVG поштучный режим уже выбран, остается вставить список. Если ссылка одна, файл скачивается сразу, без архива и с тем же именем: qr-0001.svg, а с подписью в имени первые 60 символов подписи. Несколько файлов приходят ZIP-архивом. Так же работает режим листами. Один лист скачивается файлом qqkod.svg.
Генератор принимает и целый список, до 1500 ссылок за раз, а по листам A4 раскладывает его сам. Как это устроено, разобрано в гайде массовая генерация QR-кодов из списка.
- Забирайте SVG или PDF, оба формата бесплатные и без водяных знаков.
- Цвет кода и фона выбирайте до выгрузки, потому что генератор не примет пару с низким контрастом.
- Подписи под кодами остаются и в SVG, и в PDF.
Что проверить, прежде чем отдавать SVG в работу
Откройте файл в браузере или редакторе и убедитесь, что вокруг кода сохранилась пустая светлая полоса шириной в 4 модуля. Бывает, что в макете эту полосу подрезают под сетку, и тогда код перестает читаться. Нормы отступов разобраны в статье поля и отступы QR-кода.
Технически SVG это обычный текстовый XML-файл. Его можно открыть даже в блокноте и увидеть геометрию модулей. Поэтому цвет заливки вы меняете в атрибуте fill, без перегенерации и без потери качества. А вот матрицу (сами квадраты, их размер и взаимное положение) руками трогать нельзя, потому что любое смещение модулей делает код нечитаемым. Правки для конкретных программ разобраны в статье QR-код в Illustrator, Figma и CorelDRAW.
Если меняете цвета в редакторе, держитесь принципа «темный код на светлом фоне» и высокого контраста. И после любых правок проверьте сканирование с распечатки, потому что экран светится сам и с него код читается легче, чем с бумаги. Что еще ломается между макетом и печатью, разобрано в базе знаний.
FAQ
Откроется ли SVG в Word или PowerPoint?
Да, Word и PowerPoint начиная с версии 2016 вставляют SVG через «Вставка, Рисунки». В более старых версиях и в части редакторов-аналогов такой вставки нет, для них сохраняйте код в PDF.
Можно ли конвертировать уже скачанный PNG в вектор?
Автотрассировка растра дает неровные края и лишние точки. Лучше сгенерировать код заново сразу в SVG, тогда края останутся ровными.
Как сделать QR-код без фона?
Включите галочку «Прозрачный фон» в «Тонкой настройке» под шагом 2. В SVG тогда не остается подложки, только сами модули, и код ложится на любой слой макета. В PNG прозрачность сохраняется в самом файле, но подложка под кодом должна быть светлой и ровной, потому что контраст теперь зависит от нее.
Следующий шаг
Растяните скачанный SVG одного кода в редакторе до размера плаката. Края модулей должны остаться такими же ровными, как на маленьком коде, без пиксельной лесенки.
Заберите SVG листами или по одному. Файлы бесплатны и без водяных знаков.
Соберите свой лист с QR-кодами
Вставьте список ссылок или загрузите файл, а мы разложим коды с подписями по листам A4 и отдадим PDF, SVG или PNG.
Открыть генератор