CodeKitHubЩо це за інструмент?
Генератор Instagram DM — це браузерний інструмент для створення макетів, що відтворює інтерфейс Instagram Direct — сірі бульбашки для співрозмовника, фірмові фіолетово-рожево-помаранчеві градієнтні бульбашки для ваших власних повідомлень, шапку з іменем користувача @username та статусом "Активний зараз", а також статус-бар телефону — щоб ви могли ввести власну переписку та експортувати її як зображення для поширення.
Лише для розваг і дизайну: цей інструмент створений для жартів, мемів, скетчів, слайдів презентацій, прототипів UI/UX і соціального контенту. Його не можна використовувати для фабрикації шахрайських доказів, переслідування чи наклепу на когось, або видавання за справжні повідомлення реальної людини — це може бути незаконним (шахрайство, наклеп чи переслідування, залежно від юрисдикції) і суворо суперечить призначенню цього інструмента.
Нічого з того, що ви вводите, ніколи не залишає ваш пристрій — уся переписка рендериться за допомогою HTML Canvas API прямо у вашому браузері, а PNG генерується і завантажується локально. Немає завантаження на сервер, облікового запису чи відстеження змісту ваших повідомлень.
Навіщо його використовувати?
- Створюйте смішні фейкові переписки DM для мемів і постів у соцмережах.
- Робіть макети UI-концепцій чатів для застосунку чи презентації.
- Проілюструйте сценарій, скетч чи історію реалістичним скриншотом DM.
- Прототипуйте дизайн повідомлень чи сповіщень у стилі Instagram.
- 100% локальний рендеринг — текст вашої переписки ніколи не торкається сервера.
Як користуватися
- Встановіть ім'я користувача контакту (@handle), статус активності (наприклад, "Активний зараз") та колір аватара.
- Додавайте рядки повідомлень: введіть текст, оберіть сторону (вони/я) і час.
- Увімкніть/вимкніть відображення "Переглянуто" під вашим останнім повідомленням, як у справжніх Instagram DM.
- Налаштуйте статус-бар (час, батарея, сигнал) на власний смак.
- Спостерігайте, як попередній перегляд у формі телефону оновлюється наживо, потім натисніть "Завантажити PNG", щоб зберегти зображення.
Приклад
Введення
Ім'я користувача: "@alex.rivera" · Статус: "Активний зараз" · Повідомлення 1 (вони): "привіт! бачив фото з поїздки? 😍" · Повідомлення 2 (я): "так, о боже, вони чудові, надсилаю тобі альбом"Результат
PNG-зображення 375×812, що показує екран Instagram DM: білу шапку з "@alex.rivera" і "Активний зараз", сіру бульбашку зліва з першим повідомленням і фіолетово-рожево-помаранчеву градієнтну бульбашку справа з відповіддю, плюс невелику мітку "Переглянуто" під нею.Зображення генерується миттєво в попередньому перегляді на полотні та завантажується одним кліком — без очікування, без завантаження на сервер.
Що можна налаштувати
- Ім'я користувача (@handle), статус активності (наприклад, "Активний зараз", "Активний 2 год тому") та колір аватара.
- Світлий режим або майже чорний темний режим Instagram, що відповідає двом кольоровим схемам справжнього застосунку.
- Необмежена кількість рядків повідомлень, кожен зі своїм текстом, стороною (вони/я) і часом.
- Перемикач індикатора "Переглянуто", що з'являється під вашим останнім прочитаним повідомленням, точно як у справжніх Instagram DM.
- Статус-бар телефону: час, відсоток заряду батареї та сила сигналу.
Відповідальне використання
Цей генератор існує, щоб полегшити створення явно вигаданих зображень DM для гумору, оповідання історій і дизайнерської роботи. Це не інструмент для фабрикації доказів, організації переслідування чи введення когось в оману щодо того, що фейкова переписка є реальною. Якщо ви плануєте поширити зображення, зроблене цим інструментом, розгляньте можливість додати контекст (наприклад, "фейк" чи "макет"), щоб глядачі розуміли, що це не справжня переписка, особливо якщо об'єкт можна сплутати з реальною людиною чи реальними подіями.
Часті запитання
Чи законно й етично використовувати цей інструмент?
Сам інструмент законний для використання в розважальних, макетних, презентаційних і дизайнерських цілях. Незаконним чи неетичним є використання згенерованого зображення для обману когось — наприклад, подання його як реальної переписки для скоєння шахрайства, для переслідування чи наклепу на людину, або видавання за справжні повідомлення когось. Залежно від того, де ви живете, таке зловживання може становити шахрайство, наклеп чи переслідування. Будь ласка, використовуйте це лише для явно вигаданих чи ілюстративних цілей.
Чи завантажує цей інструмент мої повідомлення кудись?
Ні. Кожне повідомлення, ім'я користувача та налаштування, які ви вводите, залишаються в пам'яті вашого браузера і малюються безпосередньо на елементі canvas за допомогою JavaScript. Файл PNG генерується і завантажується на ваш пристрій — нічого ніколи не надсилається на жоден сервер.
Як працює індикатор "Переглянуто"?
Instagram не показує позначки для кожного повідомлення окремо, як WhatsApp — натомість показує невелику мітку "Переглянуто" під останнім повідомленням, яке прочитав співрозмовник. Ви можете вмикати чи вимикати це, щоб відповідати сценарію, який моделюєте.
Чи можу я завантажити справжнє фото як аватар?
Наразі ні — аватар це проста кольорова кругла іконка з ініціалами, згенерована автоматично з імені користувача. Це спрощує інструмент і уникає будь-якої спокуси видавати себе за реальну людину, використовуючи її справжнє фото.
Який розмір зображення експортується?
Попередній перегляд і експортований PNG використовують співвідношення сторін екрана телефону (375×812 за замовчуванням), що виглядає природно при поширенні в соцмережах чи вбудовуванні в презентацію.
Чи підтримує це темний режим?
Так — над полями контакту є перемикач теми, що перемикає між світлим режимом і майже чорним темним режимом, що відповідає справжньому темному екрану DM Instagram (темно-сірі вхідні бульбашки, ті самі градієнтні вихідні бульбашки, світлий текст). Якщо ви хочете скриншот, що виглядає як звичайна денна переписка, використовуйте світлий режим; якщо ви створюєте пізньовечірню розмову чи скриншот з OLED-телефону з увімкненим темним режимом, перемкніться на темний режим — більшість справжніх скриншотів Instagram, якими люди діляться вночі, зроблені в темному режимі, тому це виглядає автентичніше в такому контексті.
Як зробити фейкову переписку Instagram DM?
Встановіть ім'я користувача та статус контакту, додайте рядки повідомлень для кожної сторони переписки, оберіть світлий чи темний режим, потім натисніть "Завантажити PNG" — уся переписка миттєво рендериться в попередньому перегляді наживо.
Чи можу я показати індикатор набору тексту чи непрочитані повідомлення?
Ви можете залишити останнє повідомлення на стороні "вони" без відповіді, щоб натякнути на непрочитаний/неопрацьований стан. Спеціальний анімований індикатор крапок набору тексту недоступний, оскільки цей інструмент експортує статичне зображення, а не відео.
Чи працюватиме це як для імен користувачів Instagram, так і для відображуваних імен?
Так — поле контакту приймає або @handle, або повне відображуване ім'я, відповідно до того, як Instagram показує шапку залежно від того, чи має контакт встановлене відображуване ім'я.
Чи можу я додати більше одного контакту чи групову переписку?
Цей інструмент створений для особистих переписок один на один. Для групового багатоособового треду використовуйте сторону "вони" списку повідомлень з різними відображуваними іменами для кожного повідомлення як обхідний шлях, хоча шапка все одно показуватиме одного контакта.
Чи це те саме, що справжній застосунок Instagram?
Ні — це незалежний інструмент для макетів, не пов'язаний з Instagram чи Meta і не схвалений ними. Він розроблений, щоб візуально достатньо відповідати інтерфейсу DM Instagram для макетів, мемів і презентацій, а не відтворювати справжній застосунок.
Чи потрібно мені створювати обліковий запис чи щось встановлювати?
Без облікового запису, без встановлення, без розширення браузера — інструмент працює повністю як веб-сторінка і працює як у настільних, так і в мобільних браузерах.