CodeKitHubЧто это за инструмент?
Генератор переписки Messenger — это инструмент для создания макетов в браузере, который воссоздаёт интерфейс Facebook Messenger — характерные синие исходящие сообщения с закруглёнными углами, шапку с именем контакта и строкой статуса «в сети», а также строку состояния телефона, — позволяя ввести собственную переписку и экспортировать её как изображение.
Исходящие сообщения Messenger используют характерный насыщенный синий цвет, и этот генератор воспроизводит такой вид по умолчанию, а переключатель светлой/тёмной темы меняет остальную часть интерфейса в соответствии с одним из двух режимов оформления Messenger.
Только для развлечения и дизайна: этот инструмент создан для шуток, мемов, скетчей, слайдов презентаций, прототипов UI/UX и контента для соцсетей. Его нельзя использовать для фабрикации мошеннических доказательств, преследования или клеветы на кого-либо, а также для выдачи себя за реального человека путём подделки его настоящих сообщений — в зависимости от юрисдикции это может быть незаконно и полностью противоречит назначению этого инструмента.
Всё, что вы вводите, никогда не покидает ваше устройство — вся переписка отрисовывается с помощью HTML Canvas API прямо в браузере, а PNG создаётся и скачивается локально. Никакой отправки на сервер, никакой регистрации, никакого отслеживания содержимого ваших сообщений.
Зачем его использовать?
- Вы хотите сделать смешное видео про переписку в дружеском чате Facebook, но использовать реальный скриншот из Messenger неловко по соображениям приватности — можно собрать всё с нуля с вымышленными именами и репликами.
- В презентации дизайна приложения нужно показать клиенту, как выглядит уведомление в стиле Messenger, не делая реальный скриншот на телефоне — включая отметку «прочитано» и статус «в сети».
- Для комедийного ролика про «переписку, оставленную без ответа» нужна реалистичная картинка, но показывать настоящий разговор неэтично — здесь можно с самого начала создать полностью вымышленную переписку.
- Нужно показать один и тот же макет чата в стиле Messenger и в светлой, и в тёмной теме в дизайн-материале, а переснимать скриншот на телефоне дважды неудобно — достаточно переключить тему здесь.
- Вы готовите розыгрыш или сюрприз для друга и хотите заранее проверить текст и внешний вид переписки, не отправляя сообщения по-настоящему.
- Всё работает в браузере — если текст и фотографии, которые вы вводите, не должны попадать ни на какой сервер, локальный рендеринг решает эту задачу.
Как использовать
- Задайте имя контакта, текст статуса (например, «В сети») и выберите тёмную или светлую тему.
- Загрузите фото для аватара или оставьте цветной круг с инициалами.
- Добавьте строки сообщений: введите текст, выберите сторону (собеседник/я) и время.
- Для своих сообщений выберите статус прочтения.
- Настройте строку состояния (время, заряд батареи, сигнал) по своему вкусу.
- Наблюдайте, как превью в форме телефона обновляется в реальном времени, а затем нажмите «Скачать PNG», чтобы сохранить изображение.
Пример
Ввод
Контакт: «Алекс» · Статус: «В сети» · Сообщение 1 (собеседник): «Сегодня вечером всё в силе?» · Сообщение 2 (я, прочитано): «Да! Увидимся в 8 😊»Результат
PNG-изображение размером 375×812, показывающее экран в стиле Messenger: шапка с «Алекс» и «В сети», светло-серое сообщение слева с первым текстом и закруглённое синее сообщение справа с ответом.Изображение генерируется мгновенно на canvas живого превью и скачивается одним кликом — без ожидания и без загрузки на сервер.
Что можно настроить
- Имя контакта, текст статуса и тёмная/светлая тема.
- Аватар: загрузите настоящее фото (обрезанное по кругу) или выберите цвет по умолчанию.
- Неограниченное число строк сообщений, каждая со своим текстом, стороной (собеседник/я) и временем.
- Статус прочтения для каждого отправленного сообщения.
- Строка состояния телефона: время, процент заряда батареи и уровень сигнала.
Ответственное использование
Этот генератор создан для того, чтобы было легко создавать явно вымышленные изображения чатов для юмора, повествования и дизайнерской работы. Это не инструмент для фабрикации доказательств, организации преследования или введения кого-либо в заблуждение относительно того, что поддельная переписка реальна. Если вы планируете поделиться изображением, созданным с помощью этого инструмента, подумайте о добавлении пояснения (например, «вымышлено» или «макет»), чтобы зрители понимали, что это не настоящая переписка.
Визуальные детали стиля Messenger
| Элемент | Как выглядит в Messenger | Как настроить здесь |
|---|---|---|
| Ваше сообщение | Насыщенный синий, справа, скруглённые углы | Применяется автоматически по теме |
| Сообщение собеседника | Светло-серый фон, слева | Достаточно выбрать сторону «собеседник» |
| Верхняя панель | Имя контакта и статус «В сети» | Текст статуса можно менять свободно |
| Отметка о просмотре | Мелкая подпись под сообщением, снаружи пузыря | Включается/выключается для каждого сообщения |
| Строка состояния телефона | Время, сигнал и заряд батареи сверху | Редактируется вручную, включая процент заряда |
Часто задаваемые вопросы
Законно и этично ли пользоваться этим инструментом?
Сам по себе инструмент законно использовать для развлечения, макетов, презентаций и дизайнерской работы. Незаконно и неэтично использовать созданное изображение, чтобы кого-то обмануть — например, выдавать его за реальную переписку для совершения мошенничества, преследования или клеветы на человека, или выдавать себя за чьи-то настоящие сообщения. Используйте это только в явно вымышленных или иллюстративных целях.
Загружает ли инструмент мои сообщения или фото куда-либо?
Нет. Каждое сообщение, имя, фото и настройка, которые вы вводите, остаются в памяти вашего браузера и отрисовываются напрямую на элементе canvas с помощью JavaScript. PNG-файл создаётся и скачивается на вашем устройстве — ничего никогда не отправляется ни на один сервер.
Использовать этот инструмент или генератор WhatsApp / Signal?
Если сцена, которую вы макетируете, специально привязана к Facebook Messenger — с синими сообщениями и строкой статуса «В сети» — используйте этот инструмент, чтобы интерфейс соответствовал. Если вам просто нужен обобщённый скриншот переписки для мема без брендинга Messenger, в Custom Chat Generator можно выбрать собственные цвета сообщений; если сцена должна выглядеть именно как WhatsApp или Signal, используйте эти специализированные генераторы, чтобы детали платформы (цвета, галочки, стиль шапки) соответствовали ожиданиям зрителей.
Можно ли загрузить настоящую фотографию в качестве аватара?
Да. Нажмите «Загрузить фото», чтобы использовать любое изображение с вашего устройства в качестве аватара контакта — оно автоматически обрезается по кругу. Если пропустить этот шаг, аватар останется цветным кругом с инициалами контакта. Фото используется только локально в вашем браузере и никогда никуда не загружается.
Какого размера изображение экспортируется?
Превью и экспортируемый PNG по умолчанию используют соотношение сторон экрана телефона (375×812), что выглядит естественно при публикации в соцсетях или вставке в презентацию.
Можно ли поставить другой статус, а не только «В сети»?
Да. Поле статуса свободное, поэтому кроме «В сети» можно написать «Была(-а) в сети 5 минут назад», «Не в сети» или любой другой вариант, который реально встречается в Messenger.
Как работает статус «просмотрено» у сообщений?
Статус прочтения выбирается отдельно для каждого вашего сообщения. Это позволяет показать и классическое «отправлено, но не просмотрено», и мгновенный просмотр собеседником — удобно для шуток про игнор или, наоборот, слишком быстрый ответ.
Можно ли объединить светлую и тёмную тему в одном изображении?
Каждый экспорт отражает только одну тему за раз. Если нужно показать обе, проще всего скачать два PNG (по одному на каждую тему) и затем объединить их рядом в графическом редакторе.
Могут ли принять сгенерированное изображение за настоящий скриншот Messenger?
Внешне — да, инструмент специально воспроизводит интерфейс максимально точно. Поэтому при публикации стоит явно указывать, что это постановочное изображение, например подписью «фейк» или «макет». Использование реальных имён людей и их настоящих сообщений для выдачи изображения за подлинное выходит за рамки назначения этого инструмента.