Noznet.ruСпособ 1: QR Code PortScaner
Если под картинкой подразумевается небольшой логотип по центру, то инструмент сервиса PortScaner в принципе подходит идеально. В нем вы легко создадите и брендируете статический QR-код, а при желании измените стиль рисунка, форму модулей, маркеров и раскрасите все разными цветами, причем совершенно бесплатно.
- По умолчанию нам предлагают зашифровать ссылку на сайт, так что принимаем предложение и во вкладке «URL» вводим электронный адрес.
Как только сервис получит данные, он автоматически сформирует двухмерный штрих-код и отобразит его в области предпросмотра справа.
- Так как мы будем наносить дополнительную информацию, которая может снизить читаемость, первым делом повысим параметры качества до максимального уровня «H». Открываем самую нижнюю вкладку, устанавливаем точность в режим «Best»
и при необходимости меняем размер изображения.
- Во вкладке «Добавить логотип» уже есть набор готовых значков, которые можно использовать.
Чтобы наложить свое лого, нажимаем кнопку «Загрузить»,
находим его на ПК и открываем.
Сервис PortScaner автоматически добавит картинку на код.
Теперь мы можем уменьшить размер логотипа или удалить фон за ним. Учитываем, что читаемость кода здесь не определяется, поэтому после подобных изменений желательно проверять его самостоятельно с помощью любого сканирующего приложения на смартфоне.
Размер мы не меняли, а фон убрали. Так и картинка лучше видна и QR-code хорошо считывается.
- Дополнительно можно изменить цвет фона или сделать его прозрачным.
Теперь изменим цвет переднего плана, т.е. самой сетки и модулей по углам, сделаем для примера градиентную заливку. Для этого включаем опцию «Градиент» и настраиваем первый и второй цвет.
Если включить «Радиальный градиент», то цвета будут расходиться из центра к краям.
- Во вкладке «Дизайн QR-кода» можно изменить вид рисунка,
поменять форму отдельных элементов, залить их одинаковыми или разными цветами.
Когда все параметры настроены, делаем контрольную проверку читаемости с помощью приложения-сканера.
- Нажимаем «Сохранить», чтобы загрузить QR-code на компьютер.
Выбираем один из доступных форматов – PNG и SVG, или сразу отправляем на печать.
Способ 2: MeQR
В плане функциональности онлайн-сервис MeQR похож на предыдущий вариант, но у него есть отличительная особенность – в нем генерируются только динамические QR-коды, которыми можно управлять, например, редактировать содержимое, просматривать статистику и прочее. Все, что касается создания, настройки и сохранения двухмерных штрих-кодов, здесь доступно бесплатно, но без премиум-подписки после сканирования могут показывать рекламу, а чтобы всегда иметь доступ к своим кодам, придется создать учетную запись.
- В этот раз зашифруем изображение, поэтому выбираем вкладку «Image».
- Перетаскиваем в область ниже нужные файлы либо кликаем по ней
и загружаем изображения через «Проводник» Windows. Можно добавить сразу несколько объектов, но не более 20, причем максимальный размер каждого не должен превышать 10 Мб.
Когда нужный контент будет загружен, жмем «Сгенерировать код».
- Нас интересует QR-код с картинкой, поэтому когда сервис отобразит его в редакторе, переходим во вкладку «Логотип».
Здесь также есть несколько стандартных значков, которые могут пригодиться.
Чтобы использовать свою картинку, нажимаем «Загрузить логотип»,
находим ее и добавляем.
Сервис сохранит лого в своей библиотеке, так что потом, если зарегистрируетесь, сможете использовать его при создании других кодов.
- При желании меняем размер самой картинки и области, которую она занимает.
Также можно включить белый фон.
Возможно, с этой опцией результат будет лучше.
- Сервис MeQR предлагает набор рамок для украшения кода.
- Во вкладке «Стили» можно поменять шаблон,
изменить вид модулей по углам, раскрасить код, изменить цвет фона или сделать его прозрачным.
Главное, не забываем периодически сканировать QR-Code с помощью смартфона, чтобы подтверждать читаемость.
Если все готово выбираем формат, который нас интересует, и нажимаем «Скачать».
- Кликаем вкладку «Ваши QR-коды». Даже без регистрации сервис будет хранить и отслеживать их, но доступны они будут только на этом компьютере, в этом браузере и то только до тех пор, пока в нем хранятся нужные файлы cookie.
Здесь можно редактировать информацию о кодах, менять их содержимое, узнавать количество сканирований и выполнять другие действия.
В отдельной вкладке отображается общая статистика за конкретный период времени.
Удаленные коды попадают в архив, откуда при необходимости их можно восстановить.
Способ 3: Creambee
Удобный онлайн-сервис с продвинутым редактором, в котором картинку можно сделать сразу и логотипом, и фоновым изображением. Creambee включает в себя отдельно генераторы брендированных и динамических QR-кодов, но для таких инструментов предусмотрены тарифные планы. Нам в рамках этой инструкции достаточно будет создать статический код, тем более что это бесплатно и не требует регистрации.
- Для примера выбираем вкладку «Простой текст»,
вводим символы в соответствующее поле и кликаем «Получить бесплатный QR-код».
- В окне предпросмотра следим, как будет во время настройки меняться QR-код. Вертикальную шкалу слева от него используем, чтобы менять размер картинки.
- Сначала выполним основную задачу – добавим картинку, а затем рассмотрим другие возможности редактора. Переходим во вкладку «Правка».
- Сразу повышаем избыточность кода до уровня «H», который сервис рекомендует для вставки логотипов.
- Открываем раздел «Вставка изображений». Загружать сюда можно любое количество файлов, поэтому сразу добавим и лого, и фоновое изображение.
Жмем на кнопку «Логотип»,
находим его и вставляем. Затем таким же способом устанавливаем фоновую картинку.
- Чтобы отрегулировать размер, прозрачность или удалить объект, используем специальные элементы на нем.
Индикатор ниже показывает оценку читаемости, но лучший способ проверить это – воспользоваться смартфоном. Например, у этого кода читаемость низкая, хотя на самом деле сканируется он достаточно быстро.
Кнопка «Сбросить изменения» возвращает исходные настройки.
- Дополнительно здесь можно добавить в рисунок новые сегменты
или, наоборот, удалить лишние.
- Для заливки фигур выбираем на палитре подходящий цвет и щелкаем нужный объект кода.
Чтобы применить градиент, настраиваем начальный и конечный цвет,
затем выбираем направление перехода и указываем фигуру.
- Во вкладке «Фигуры» можно трансформировать сетку и модули, а также повернуть QR-Code под углом.
Редактор Creambee предлагает нам самостоятельно изменить цвет любого элемента либо воспользоваться функцией «Удиви меня», которая случайным образом раскрасит QR-код.
- Если вообще нет идей оформления, можно выбрать один из готовых шаблонов.
С другой стороны, если вы создали идеальный для себя в плане цвета и трансформации код, то сможете сохранить этот шаблон, правда, только после авторизации на сайте.
- Чтобы сохранить код на компьютер, выбираем желаемый формат (PNG или SVG), его размер и нажимаем «Скачать».
Для получения прямой ссылки на изображение переходим во вкладку «Экспорт», выбираем размер картинки и жмем «Создать HTML-код».
чёт непонятно как протестировать эти куары на считываемость
Здравствуйте. Онлайн-сервисами — никак. Они их просто создают. Используйте пару разных смартфонов со стандартными распознавателями QR и несколько популярных приложений из магазинов (Плей Маркет итд).