Уже пару раз вижу на улице эту историю и понимаю, что многим идея нравится, но реализация сильно хромает. Вообще, носимые хранители информации - тема интересная.
Что кодируют в QR тату?
Медицинскую информацию
Экстренные контакты
Профили в социальных сетях, сайты
Просто контакты
Различные даты(рождения детей и т.д.)
Различные приколы
Как сделать QR код правильно?
Главное, что нужно помнить, это то, что чем больше вы кодируете информации в коде, тем мельче становятся точки и сложнее наносить тату.
В первом случае закодирована только ссылка, во-втором 4 строчки текста на русском языке.
Как разместить большой объем данных в QR-коде с крупными точками
Для этого подойдут динамические QR-коды. В них кодируется не сама информация, а ссылка, по которой она доступна. Создать такой код можно через специализированные сервисы или вручную.
Сервисы для генерации статических и динамических QR-кодов:
qr-code-generator.online — позволяет создавать мини-сайты. Поддерживает статические и динамические коды, но изменение дизайна снижает читаемость.
qrkoder.ru — удобен для создания мини-сайтов, но менее функционален в генерации QR-кодов.
qr-kod.online — старый, но надежный вариант с аналогичными возможностями.
Важно! Выбирайте сервис с поддержкой собственного домена. Без этого данные могут быть утеряны, а код станет бесполезным.
Создание динамического QR-кода вручную
Необходимо:
Домен (чем короче, тем крупнее точки в коде).
Хостинг (например, минимальный тариф на reg.ru).
ИИ для генерации страницы (например, DeepSeek или российский агрегатор https://aipanda.online/).
Сервис для статических QR-кодов.
Пошаговая инструкция:
Зарегистрируйте домен и подключите хостинг (рекомендуется делать это одновременно).
Сгенерируйте HTML-страницу через ИИ, используя запрос: «Создай HTML-страницу с моими данными: ФИО, медицинская информация, дата рождения, аллергии, контакты (телефон, Telegram, соцсети), экстренный контакт.»
Сохраните код в файл index.html и разместите его в корне сайта на хостинге.
Сгенерируйте статический QR-код, ведущий на ваш домен.
Готово: при сканировании кода откроется ваша страница.
<html lang="ru"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Медицинская визитка - Иванов Иван Иванович</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
color: #333;
}
.header {
text-align: center;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #3498db;
}
.section {
background-color: white;
padding: 15px;
margin-bottom: 15px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
h1, h2 {
color: #3498db;
}
.contact-info a {
color: #2980b9;
text-decoration: none;
}
.contact-info a:hover {
text-decoration: underline;
}
.emergency-contact {
background-color: #ffecec;
border-left: 4px solid #e74c3c;
padding-left: 10px;
}
</style>
</head>
<body>
<div class="header">
<h1>Иванов Иван Иванович</h1>
<p>Медицинская визитная карточка</p>
</div>
<div class="section">
<h2>Основные данные</h2>
<p><strong>Дата рождения:</strong> <span id="birthdate">15.05.1985</span></p>
<p><strong>Возраст:</strong> <span id="age"></span>40 лет</p>
<p><strong>Пол:</strong> Мужской</p>
<p><strong>Группа крови:</strong> II (A), Rh+</p>
<p><strong>Аллергии:</strong> Пенициллин, пыльца березы</p>
<p><strong>Хронические заболевания:</strong> Гипертоническая болезнь I стадии</p>
</div>
<div class="section">
<h2>Краткая биография</h2>
<p>Родился в Москве, окончил МГМУ им. И.М. Сеченова по специальности "Лечебное дело". Работал терапевтом в городской поликлинике №5 с 2010 по 2018 год. В настоящее время - врач-кардиолог в клинической больнице №1. Женат, двое детей.</p>
</div>
<div class="section contact-info">
<h2>Контактные данные</h2>
<p><strong>Телефон:</strong> +7 (999) 123-45-67</p>
<p><strong>WhatsApp:</strong> <a href="https://wa.me/79991234567">+7 (999) 123-45-67</a></p>
<p><strong>Telegram:</strong> <a href="https://t.me/ivanov_doctor">@ivanov_doctor</a></p>
<p><strong>Email:</strong> <a href="mailto:ivanov@example.com">ivanov@example.com</a></p>
<p><strong>Социальные сети:</strong>
<a href="https://vk.com/ivanov_doctor">VK</a>,
<a href="https://facebook.com/ivanov.doctor">Facebook</a>
</p>
</div>
<div class="section emergency-contact">
<h2>Экстренный контакт</h2>
<p><strong>Контактное лицо:</strong> Иванова Мария Сергеевна (супруга)</p>
<p><strong>Телефон:</strong> +7 (999) 765-43-21</p>
<p><strong>Отношение:</strong> Ближайший родственник</p>
</div>
<script>
// Автоматический расчет возраста
function calculateAge(birthdate) {
const today = new Date();
const birthDate = new Date(birthdate.split('.').reverse().join('-'));
let age = today.getFullYear() - birthDate.getFullYear();
const monthDiff = today.getMonth() - birthDate.getMonth();
if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
age--;
}
return age;
}
// Установка даты рождения и вычисление возраста
const birthdateElement = document.getElementById('birthdate');
const ageElement = document.getElementById('age');
const birthdate = birthdateElement.textContent;
ageElement.textContent = calculateAge(birthdate);
</script>
</body></html>При открытии сайта получаем вот такую страничку
Самые частые ошибки:
Создание статического кода с большим количеством информации, выглядит так, скорее всего вообще читаться не будет или перестанет читаться со временем
2. Создание динамического QR на бесплатном сервисе без собственного доменного имени. Эти сервисы долго не живут и велика вероятность, что ссылка, которая будет закодирована в тату - перестанет работать. Свой домен позволит вам в случае чего просто перенести информацию на другой сервис или на собственный хостинг.
3. Размещение на местах, склонным к растягиванию/сжатию кожи при похудении. Геометрия кода очень важна.