QR на постере, флаере, упаковке, HTML-письме, презентации. Всё возможно — с тремя правилами.
Быстрый ответ
- Quiet zone: ≥ 4 модуля белого поля вокруг QR.
- Контраст: тёмные модули на светлом фоне. Минимум 3:1.
- Формат: SVG для масштабирования, прозрачный PNG для наложений.
- Никогда QR на хаотичном узоре.
Quiet zone — неприкосновенная граница
Стандарт ISO требует белого (или светлого) поля вокруг QR. 4 модуля = ~10% стороны QR.
Без quiet zone многие сканеры вообще не обнаружат код.
Контраст — железное правило
Идеально: чёрный QR на белом фоне. Допустимо: цветной QR на светлом фоне с контрастом ≥ 3:1. Нет: светлый QR на тёмном, низкий контраст.
Формат в зависимости от использования
| Цель | Формат |
|---|---|
| Печать | SVG |
| Печать высокого качества | PNG 300+ DPI |
| Web (HTML, email) | SVG |
| Фон с QR | Прозрачный PNG |
| Анимированный GIF/видео | PNG без фона, наложенный |
Подробности: PNG vs SVG.
QR на постере
Минимальный размер в см зависит от дистанции сканирования:
| Расстояние | Размер QR |
|---|---|
| 30 см | 2 × 2 см |
| 1 м | 4 × 4 см |
| 3 м | 10 × 10 см |
| 10 м | 30 × 30 см |
Правило: размер = расстояние / 10.
Подробнее: Минимальный размер QR.
QR на упаковке продукта
- Матовая этикетка лучше глянцевой.
- ECL Q или H для устойчивости к повреждениям.
- Никогда на сгибе упаковки.
QR в HTML-рассылке
Встройте как PNG (не SVG — некоторые клиенты не отображают). Выравнивание с остальным контентом.
QR в фотографии (например, рекламный постер с фото)
Три техники:
- Белая панель — QR в светлом квадратном оверлее.
- Размытие области — под QR фото размыто до низкого контраста.
- Негатив — QR в белом на тёмном фото (работает только в некоторых сканерах — риск).
Частые ошибки дизайнеров
Нет quiet zone
"Выглядит лучше без поля". Сканеры перестают видеть QR.
QR как фон
Узор по всей поверхности с QR едва заметным. Нет.
Текст или графика поверх QR
Только центрированный логотип. Никогда другого контента внутри кода.
Слишком мелкий QR
Ниже минимума не сканируется.
Цвет + логотип + низкая коррекция
Перенапрягает QR с трёх сторон. Выберите максимум два.
Тест продукта вживую
Распечатайте прототип в финальном размере. Сканируйте с 3 телефонов, с 3 расстояний, в 2 условиях освещения.
Подробнее о логотипе: QR с логотипом.
Часто задаваемые вопросы
Прозрачный QR на фото? Только если фон под модулями остаётся достаточно светлым.
Можно ли поворачивать QR? Да. Сканеры читают при любом вращении благодаря трём глазам.
QR скрытый в графике? Не рекомендуется. Сканируемость падает.
Цветной QR работает? Да — при сохранении контраста 3:1.
QR со скошенными углами или круг? Нестандартный. Некоторые сканеры отклонят.
Резюме
Quiet zone, контраст, формат — три столпа QR в дизайне. Остальное — эстетика.
Создавайте хорошо спроектированные QR бесплатно: qrcito.com