Точки — это маленькие квадраты, из которых сложен узор; глаза — три больших квадрата по углам.
Многие онлайн-сервисы выдают динамический код: в узоре на самом деле лежит короткая ссылка на их домен, поэтому сканирование сначала попадает на их сервер и лишь потом перенаправляется к вашему содержимому. Плюс в том, что адрес назначения можно поменять потом. Цена — жизнь кода в чужих руках: сервис закроется, аккаунт истечёт или бесплатный лимит кончится, и код мёртв, а к тому моменту он, возможно, уже напечатан на нескольких тысячах листовок. Эта страница делает статические коды: ваш текст закодирован прямо в чёрно-белых клетках, сервер не участвует, и протухать тут попросту нечему. Взамен смена содержимого означает новый код. Для всего, что уходит в печать, берите статический код, а к динамическому обращайтесь только тогда, когда адрес назначения действительно должен меняться.
Есть код, в котором надо заменить ссылку? Загрузите его в блоке «Готовый QR-код» выше или просто вставьте скриншот через Ctrl+V: страница локально считает исходный текст и впишет его в поле содержимого, а как только вы поправите нужный кусок, новый код появится тут же. Работает всё на той же логике распознавания, что и страница Сканер QR-кодов, и картинка здесь точно так же никуда не загружается; разница лишь в том, что сканер показывает текст вам, а эта страница сразу передаёт его генератору.
Три вещи стоит проговорить, потому что те, кто ищет «редактор QR-кода», часто ждут совсем другого. Во-первых, никакого «редактирования на месте» у QR-кода не бывает — содержимое лежит не в каком-то перезаписываемом поле, а и есть та самая сетка чёрных и белых клеток, поэтому любое изменение неизбежно рождает новый узор, а тот экземпляр, что уже напечатан на материалах или наклеен на стену, не изменится никогда. Чтобы «менять содержимое в любой момент после того, как код уже висит», нужен динамический код — тот самый, где адрес перехода хранится на сервере провайдера; о его цене и рисках написано выше, в разделе про статические и динамические коды, и этот сайт таких кодов не делает. Во-вторых, переносится только содержимое: цвет, уровень коррекции ошибок, поле и логотип в центре — это параметры внешнего вида, задаваемые при создании, и в самом коде их нет, так что повторять облик исходного придётся заново ниже. В-третьих, всё это работает, только если старый код ещё читается — если он размыт, у него отрезан угол или срезано белое поле, посмотрите список причин на странице сканера и возьмите более целую картинку.
В QR-код заложена избыточность, поэтому частично повреждённый узор всё равно читается. L, M, Q и H восстанавливают примерно 7%, 15%, 25% и 30% соответственно. Плата за это — плотность: при одном и том же содержимом более высокий уровень требует больше модулей. Для повседневной ссылки с запасом хватает M. Берите H для упаковки и уличных материалов, которые будут затираться, а также когда в середину нужно вписать логотип: для декодера этот логотип и есть повреждение, а избыточность как раз его и покрывает. И наоборот: если код печатается совсем мелко, уровень L оставит меньше модулей и сделает клетки крупнее, а такой код сканируется даже легче.
Достаточно выбрать картинку в поле «Логотип в центре» выше — подойдут PNG, JPG и SVG. Она сразу ляжет ровно в центр узора и уйдёт вместе с файлом, когда вы скачаете PNG или SVG. Картинка, как и сам код, собирается внутри вашего браузера и никуда не загружается, так что пробовать на корпоративном знаке или на ещё не выпущенной фирменной графике совершенно безопасно.
Насколько большим он может быть — вопрос жёсткого ограничения, и арифметику страница берёт на себя: ползунок задаёт ширину белой подложки в долях площади кода, а закрытая площадь равна этому числу в квадрате — 20% ширины закрывают всего 4% площади, хотя на вид уже немало. Критерий такой: сравнить закрытую площадь с той долей, которую способен восстановить уровень коррекции ошибок, и намеренно израсходовать лишь половину от неё: уровень H восстанавливает около 30%, поэтому безопасная граница проходит по 15%; у уровня L это 7% и, соответственно, 3.5%. Половина остаётся в запасе не из робости — коррекция работает поблочно, поэтому одно сплошное пятно концентрирует повреждение в считаных блоках и вредит куда сильнее, чем та же площадь рассеянного шума, а типографская точка и шум камеры и без того съедают часть остатка. Стоит перейти безопасную границу, и страница об этом скажет; поднимите коррекцию до H или уменьшите логотип, и предупреждение уйдёт.
Ещё двух вещей страница за вас не сделает. Ни в коем случае не закрывайте три квадратных поисковых узора по углам и белую рамку по краю — по ним сканер находит код и выравнивает его, и именно поэтому картинка в центре может только разрастаться от середины наружу, но не сдвигаться в другое место. И готовый код обязательно отсканируйте сами, желательно двумя-тремя разными телефонами. Предупреждение — всего лишь оценка по площади: оно не увидит ни слишком мелкий узор, ни слишком бледные цвета, ни край логотипа, сливающийся с цветом переднего плана. Десять лишних секунд на сканирование кода с картинкой обходятся куда дешевле, чем обнаружить проблему после того, как отпечатано три тысячи экземпляров.
Раскройте строку «Оформление» — менять там можно четыре вещи. Форма точек задаёт, как выглядят маленькие клетки в середине: квадрат — стандартная форма, скруглённый и кружки мягче, а Жидкий сваривает соседние клетки в одну плавную каплю — именно так последние несколько лет выглядит большинство коммерческих кодов. Стиль «глаз» отвечает только за три поисковых узора по углам: внешняя рамка и внутренний зрачок получают форму и цвет по отдельности. Заливка узора переключается со сплошного цвета на линейный или радиальный градиент, и градиент растягивается на весь код, а не повторяется внутри каждой клетки. Рамка и подпись обводят код рамкой и пишут над ним или под ним фразу вроде «Сканируйте в WeChat»; самые ходовые сделаны кнопками — один клик, и текст на месте.
Есть два ограничения, о которых стоит знать. Первое: чем затейливее форма, тем тоньше запас коррекции. Кружки и жидкий стиль покупают свой вид тем, что срезают тёмную площадь по краям каждой клетки, и между квадратами, которые раньше смыкались вплотную, появляются зазоры. Напечатайте мелко или сложите это с самым низким уровнем коррекции L — и код окажется на грани нечитаемости. Страница предупреждает по выбранному сочетанию, но это предупреждение, а не гарантия. Второе: размер всегда измеряет сам QR-код. Рамка и подпись добавляются снаружи белого поля и не съедают отступы, нужные для сканирования, поэтому скачанная картинка получается крупнее числа на ползунке. Так задумано: отдать поле под украшения — вот что действительно ломает сканирование.
В отличие от платных площадок, оформление на этой странице не требует регистрации и не хранит ваш стиль в чужом аккаунте: всё собирается прямо в вашем браузере. И оформленный код точно так же скачивается вектором в SVG: градиент, рамка и скруглённые точки в векторе — настоящие контуры, чёткие при любом увеличении и готовые к печати. Единственное исключение — подпись: в SVG это текст, а не кривые, поэтому дизайн-программа без того же шрифта подставит другой.
«Версия» рядом с картинкой — это спецификация QR-кода, от 1 до 40; каждая следующая добавляет по 4 модуля к каждой стороне. Чем длиннее содержимое, тем выше версия, тем мельче модули и тем выше требования и к качеству печати, и к камере. Поэтому ссылки стоит укорачивать: если убрать метки отслеживания вроде utm_ , версия нередко падает сразу на несколько ступеней. Если в ссылке есть не-ASCII символы или пробелы, она обычно уже в процентном кодировании; когда непонятно, что там на самом деле написано, прогоните её через соседний инструмент — декодер URL — убедитесь, что лишнего в ней нет, и только потом делайте код.
PNG — растр: фиксированное разрешение, размывается при увеличении, и это правильный выбор для почты, мессенджеров и веб-страниц. SVG — вектор: он хранит положение каждого модуля, а не пиксели, остаётся чётким в любом размере, и именно его отдают в типографию или открывают в Illustrator для визиток и роллапов. Практические правила для печати: готовый код не должен быть меньше 2 см в стороне, а белую рамку вокруг нужно сохранить. Эта рамка не украшение — она и есть свободное поле, по которому декодер находит узор. На этой странице за неё отвечает «Поле»: держите 2–4 модуля и никогда не ставьте 0.
Создание и распознавание — две стороны одного дела, и эта страница занимается только созданием. Если у вас на руках картинка — присланный кем-то код, иллюстрация в документе, скриншот с экрана — и нужно достать записанную в ней ссылку или текст, откройте Сканер QR-кодов: загрузите файл, перетащите его или просто нажмите Ctrl+V и вставьте скриншот. Страница покажет строку в точности так, как она записана, и никогда не откроет прочитанную ссылку сама; а на телефоне можно отсканировать код камерой. Прочитать собственный код обратно — хорошая привычка: перетащите скачанный здесь PNG в распознавание и проверьте, что оттуда выходит именно та строка, которую вы ввели. Особенно это стоит делать, когда в ссылке есть нелатинские буквы, пробелы или длинный хвост параметров. Обе страницы работают целиком в браузере — ни картинка, ни содержимое никуда не отправляются.
Не протухают. Страница делает статические коды: содержимое закодировано в самом узоре, и при сканировании никакие наши серверы не участвуют, так что код выдаст тот же текст, даже если этот сайт исчезнет. Одна оговорка: если вы закодировали ссылку, сам код действителен вечно, но будет ли открываться страница по этой ссылке, зависит от того, кто её держит, и к QR-коду отношения не имеет.
Изменить можно содержимое; изменить нельзя ту картинку, которая уже существует. В QR-коде нет поля, которое переписывается на месте — содержимое закодировано в самой сетке клеток, поэтому технически любая «правка» означает создание нового кода. Эта страница поддерживает такой сценарий: загрузите старый код в блоке «Готовый QR-код», страница локально считает текст и впишет его в поле содержимого, вы его поправите и получите новый код, а дальше скачаете PNG или SVG и замените прежний файл. Но код, уже напечатанный на упаковке, листовке или роллапе либо наклеенный на стену, вместе с ним не изменится никогда — его придётся печатать заново. Если вам нужно «менять содержимое в любой момент после того, как код уже висит», для этого требуется динамический код: в узоре лежит короткая ссылка провайдера, сканирование сначала идёт на его сервер и лишь потом перенаправляет, а адрес можно править в личном кабинете. Цена такова, что срок жизни кода зависит от того, жива ли ещё та служба; такие коды этот сайт не выдаёт.
Три шага. В блоке «Готовый QR-код» выше нажмите «Загрузить старый код и считать содержимое» и выберите картинку (или сделайте скриншот и нажмите Ctrl+V прямо на странице) — страница локально его раскодирует и впишет исходный текст в поле «Содержимое». Подтвердите или поправьте содержимое. Затем скачайте PNG или SVG ниже. Тем же способом обычно пересобирают размытый или слишком мелкий код в чёткий: пока старый код вообще читается, пересозданный будет математически чистым узором, который печатается в любом размере. Если новый код не нужен и требуется лишь прочитать содержимое, возьмите Сканер QR-кодов — там же можно включить камеру и навести её на код на предмете. Учтите, что получается новый узор с прежним содержимым: цвет, уровень коррекции ошибок и логотип в центре нужно задать заново, сам код их не хранит.
Ни того, ни другого. Регистрации нет, кодов можно сделать сколько угодно, и лимита «сканирований в месяц» тоже нет: чтобы считать сканирования, нужно сначала пропустить каждого сканирующего через сервер того, кто считает, а статический код вообще не обращается ни к какому серверу. Считать нечем — и заканчиваться, соответственно, нечему.
Напрямую — нет. QR-код хранит короткий фрагмент текста, максимум около 2953 байт, куда не влезет даже самая маленькая картинка. Любой сервис, обещающий «превратить видео в QR-код», на деле загружает файл на свои серверы и кодирует ссылку на скачивание. Если вам нужен именно такой результат, сделайте это осознанно: залейте файл в облако, которому вы и так доверяете, получите ссылку и вставьте её выше. Ссылка останется под вашим контролем, а файл не уйдёт третьей стороне.
Теоретический потолок — примерно 2953 байта при версии 40 и уровне коррекции L, либо 7089 цифр, если содержимое чисто числовое. Это именно потолок, а не рекомендация: чем длиннее содержимое, тем плотнее узор и тем труднее телефону его прочитать. На практике держите ссылки примерно до 100 символов, а обычный текст — до пары-тройки сотен. При превышении ёмкости страница прямо об этом скажет: сократите содержимое либо понизьте уровень коррекции ошибок.
На этой странице такая возможность встроена: выберите картинку в поле «Логотип в центре», и она сразу ляжет ровно в центр узора, а затем уйдёт и в PNG, и в SVG при скачивании. Будет ли код читаться, зависит от размера: поставьте уровень коррекции H и не давайте логотипу занимать больше примерно 15% площади кода — тогда он обычно продолжает читаться, потому что закрытый участок декодер воспринимает как повреждение, а избыточность именно для этого и нужна. Рядом с ползунком постоянно видно, какую площадь вы закрываете, и страница предупредит, едва вы перейдёте безопасную границу для выбранного уровня. Чего закрывать нельзя ни в коем случае, так это три квадратных поисковых узора по углам и белую рамку по краю: по ним сканер находит код и выравнивает его. Что бы у вас ни получилось, прежде чем отправлять в печать, отсканируйте результат двумя-тремя разными телефонами.
Да, и быстрее всего — строка «Оформление»: шесть шаблонов (простой, скруглённый, жидкий, градиент, метка, контур), у каждого живая миниатюра, нарисованная тем же движком, и одно нажатие меняет весь стиль. Хочется настроить по отдельности — нажмите «Больше настроек оформления»: точки, глаза, цвета, рамка и подпись выложены в одной панели, без вкладок. Форм точек четыре: квадрат, скруглённый квадрат, круг и «жидкая», где соседние модули сплавляются в гладкие скруглённые пятна. Три «глаза» по углам получают свою форму и свой цвет, причём внешняя рамка и внутренняя точка настраиваются отдельно. Передний план можно сделать не сплошным, а линейным или радиальным градиентом на весь код. Наконец, код можно обвести рамкой и добавить сверху или снизу подпись вроде «Сканируйте в WeChat» — частые варианты вставляются одним нажатием. Всё это без регистрации, стили у нас не хранятся: картинка собирается прямо в вашем браузере. Не понравилось — нажмите шаблон «Простой», и код снова станет обычным чёрно-белым.
Да, «Скачать SVG» работает и с оформленными кодами: градиент, скруглённые точки и рамка в векторном файле — настоящие контуры, чёткие при любом увеличении, их можно сразу отдавать в печать. Следить стоит только за подписью: она сохраняется текстом, а не кривыми. В браузере это не мешает, но дизайн-программа без того же шрифта может подставить другой — если это важно, переведите текст в кривые уже там. Насчёт размера: с рамкой или подписью скачанная картинка действительно выходит крупнее числа на ползунке «Размер», потому что ползунок всегда измеряет сам QR-код, а рамка и текст добавляются снаружи белого поля — это поле нужно алгоритму сканирования, чтобы найти код, и украшения не должны его вытеснять.
Не загружается. Браузер читает выбранную картинку в память и рисует её прямо на холсте QR-кода; всё происходит на вашей машине, поэтому сайт эту картинку не видит и не сохраняет. Подойдёт любой формат, который умеет показывать браузер, — на практике это PNG (удобнее всего с прозрачным фоном), JPG и SVG. С прозрачным PNG можно не бояться, что сквозь него проступят чёрные модули: страница сначала кладёт в центр скруглённую подложку цвета фона, а потом уже помещает картинку сверху. При скачивании SVG вставленная картинка записывается в файл как встроенные данные, поэтому такой SVG самодостаточен и не потеряет изображение, если отправить его кому-то отдельно.
Нет, и пробовать не стоит. В платёжном коде лежит подписанная строка, выпущенная самой платформой; подделать её сторонний инструмент не может, а всё, что в интернете обещает обратное, лучше обходить стороной. Если на самом деле вам нужно «отсканируй и добавь меня» или «отсканируй и открой мой магазин», то это обычная ссылка — скопируйте ту, которую приложение уже вам выдало, и закодируйте её.
Декодер различает модули по контрасту светлого и тёмного, поэтому узор обязан быть заметно темнее фона. Сочетания вроде светло-серого на белом или тёмно-синего на чёрном либо читаются очень медленно, либо не читаются вовсе, а инвертированные коды — светлый узор на тёмном фоне — не поддерживает заметная часть сканеров. При нехватке контраста страница предупредит. Надёжный путь — тёмный узор на светлом фоне, а когда нужны фирменные цвета, менять только узор и только на достаточно тёмный оттенок.
Это обратное направление, поэтому откройте Сканер QR-кодов: загрузите изображение, перетащите его или нажмите Ctrl+V прямо на странице после скриншота — она прочитает записанную в коде ссылку или текст; на телефоне код можно отсканировать камерой. Показывается только исходная строка, никаких переходов — закодировать любую ссылку может кто угодно, поэтому сначала разглядите домен. Если код не читается, обычно у рисунка отрезан угол, вокруг него нет белого поля или картинка слишком размыта; полный порядок проверки собран на той же странице.
Прочитайте его обратно: перетащите скачанный PNG в Сканер QR-кодов и сверьте прочитанную строку с тем, что вы вводили, символ за символом. Это надёжнее, чем быстро сканировать телефоном: телефон сразу переходит по ссылке, и вы видите открывшуюся страницу, а не ту строку, которая на самом деле лежит в коде — а они нередко расходятся, как только в дело вступают процентное кодирование или параметры слежения. Перед печатью или перед тем, как отдать код кому-то, эти десять секунд себя оправдывают.
Нет. После загрузки страницы код целиком вычисляет JavaScript в вашем браузере; набранное не покидает устройство, и мы его не видим. Отключите сеть и попробуйте снова — всё работает. При этом стоит понимать одно: QR-код хранит сам текст, и любой, кто его отсканирует, прочитает всё целиком, — поэтому не кодируйте пароли, секретные ключи и приватные ссылки, чтобы затем вывесить код на всеобщее обозрение.