QR Code Generator Введение
Логотип в центре QR-кода сообщает людям, чей это код, ещё до сканирования. QR Code Generator помещает изображение в середину кода и убирает точки под ним, а встроенная в QR-код коррекция ошибок восстанавливает данные, которые закрывает изображение. В этой статье показано, как загрузить логотип, подобрать его размер и сохранить читаемость кода.
Перед началом
Подготовьте файл изображения:
- поддерживаются форматы JPG, JPEG, PNG и SVG;
- для наилучшего результата используйте изображение размером не менее 300x300 пикселей;
- лучше всего подходит квадратный или почти квадратный логотип — широкий логотип занимает узкую полосу, и его детали становятся мелкими;
- отдавайте предпочтение PNG или SVG с прозрачным фоном либо задайте логотипу собственный однотонный фон.
Шаг 1. Загрузите логотип
- Откройте страницу с веб-частью. Чтобы логотип сохранился для всех посетителей, откройте страницу в режиме редактирования.
- Введите данные для кода на одной из вкладок, чтобы в области просмотра появился QR-код.
- Разверните раздел Логотип под вкладками.
- Нажмите Добавить изображение и выберите файл.
Логотип появляется в центре кода, а в разделе Логотип отображается эскиз загруженного изображения. Если выбран файл другого типа, в разделе выводится сообщение Поддерживаемые форматы файлов: JPG, JPEG, PNG, SVG., а код не меняется.
Шаг 2. Настройте размер и отступ
После загрузки в разделе Логотип появляются два ползунка.
| Параметр | Диапазон | По умолчанию | Что делает |
|---|---|---|---|
| Logo size | 0.1 – 0.5 | 0.4 | Доля кода, которую может занимать логотип. Чем больше значение, тем крупнее логотип и тем больше точек он закрывает. |
| Logo margin | 0 – 20 | 5 | Пустое пространство между логотипом и ближайшими точками. Отступ отделяет логотип от узора и делает его заметнее. |
Перемещайте ползунки и следите за изображением кода. Начните с небольшого логотипа и увеличивайте его лишь до тех пор, пока код уверенно сканируется.
Шаг 3. Повысьте уровень коррекции ошибок
Логотип закрывает часть данных, и сканер восстанавливает эту часть по избыточным данным кода. Объём избыточности задаётся в разделе Error Correction.
- Разверните раздел Error Correction.
- Для крупного логотипа выберите Высокий. Для небольшого логотипа достаточно значения по умолчанию — Quartile.
Уровни Низкий и Средний оставляют слишком малый запас, и код с логотипом может перестать сканироваться.
❗ Важно
Веб-часть не предупреждает о том, что логотип слишком велик. Всегда сканируйте код смартфоном после изменения логотипа, его размера или уровня коррекции ошибок. Если код не читается, уменьшите Logo size, повысьте Error Correction или сократите кодируемые данные.
Шаг 4. Проверьте и сохраните
- Отсканируйте код смартфоном и убедитесь, что он открывает то, что должен.
- Заберите результат кнопкой Скачать или Копировать. Логотип входит в изображение в любом формате.
- Если страница находится в режиме редактирования, сохраните или повторно опубликуйте её. Логотип сохраняется вместе со страницей как часть конфигурации веб-части, поэтому посетители видят код с логотипом.
📝 Заметка
Изображение хранится внутри конфигурации веб-части, а не в библиотеке сайта, поэтому для его просмотра никому не нужны дополнительные разрешения. По той же причине избегайте очень больших файлов: файл в несколько мегабайт утяжеляет страницу. Логотипа размером в несколько сотен пикселей достаточно.
Замена и удаление логотипа
- Чтобы заменить логотип, снова нажмите Добавить изображение и выберите другой файл. Настройки размера и отступа сохраняются.
- Чтобы удалить логотип, нажмите Удалить изображение. Точки возвращаются в центр кода.
Итоги
Чтобы сделать QR-код фирменным, загрузите логотип в разделе Логотип, подгоните его параметрами Logo size и Logo margin и для крупного логотипа установите в разделе Error Correction значение Высокий. Единственная надёжная проверка — сканирование настоящим смартфоном.
💡 Совет
О том, как подобрать цвета кода под логотип, см. статью KB10265. Настройка оформления QR-кода: форма, цвета, градиент и углы.