CodeKitHubЧто это за инструмент?
Генератор постов Instagram — это инструмент для создания макетов в браузере, воссоздающий карточку поста ленты Instagram: круглый аватар с градиентным кольцом, @имя пользователя с необязательной синей галочкой верификации, область-заглушку для фото, ряд действий сердечко/комментарий/поделиться/сохранить, счётчик лайков, подпись с хэштегами и строку «Смотреть все N комментариев» — чтобы вы могли ввести собственный контент и экспортировать его как изображение для публикации.
Только для развлечения и дизайна: этот инструмент создан для шуток, мемов, слайдов презентаций, UI/UX-прототипов и контента для соцсетей. Его никогда нельзя использовать для фабрикации мошеннических доказательств, преследования или клеветы, а также для выдачи себя за реальный пост реального человека — в зависимости от юрисдикции это может быть незаконно и полностью противоречит назначению этого инструмента.
Ничто из того, что вы вводите, никогда не покидает ваше устройство — весь пост рисуется с помощью HTML Canvas API прямо в вашем браузере, а PNG создаётся и скачивается локально. Никакой отправки на сервер, никакого аккаунта, никакого отслеживания вашего контента.
Зачем его использовать?
- Вы делаете мем, где шутка строится на подписи и цифрах вовлечённости под абсурдным постом, и хотите, чтобы это выглядело как настоящий скриншот ленты, а не текст поверх фотографии.
- Нужно показать клиенту, как будет выглядеть спонсорский пост в инфлюенсер-кампании — тон подписи, стиль хэштегов, правдоподобное число лайков — ещё до того, как реальный контент готов.
- Как UX-дизайнер вы хотите проверить, как переносится подпись определённой длины или как пятизначное число лайков меняет вёрстку карточки, не скриншотя чужой реальный аккаунт.
- Вы готовите курс, туториал или слайд кейса на тему «как выглядит хорошая подпись в Instagram» и вам нужна реалистичная картинка-пример, а не блок текста, притворяющийся скриншотом.
- Хотите заранее увидеть, как ваша будущая подпись и хэштеги перенесутся по строкам и будут раскрашены точно как в настоящей ленте, прежде чем публиковать пост по-настоящему.
- 100% локальный рендеринг — ваша подпись и цифры никогда не попадают на сервер.
Как использовать
- Задайте имя пользователя (@handle), цвет аватара или загрузите фото и переключите значок верификации.
- Напишите подпись и хэштеги, выберите, показывать ли область-заглушку для фото.
- Задайте количество лайков и комментариев, отображаемых под постом.
- Наблюдайте, как превью карточки ленты обновляется в реальном времени, затем нажмите «Download PNG», чтобы сохранить изображение.
Пример
Ввод
Имя пользователя: «@alex.rivera» · Верификация: включена · Подпись: «Золотой час на побережье никогда не разочаровывает ✨» · Хэштеги: «#travel #sunset #ocean» · Лайки: «4 281» · Комментарии: «63»Результат
PNG-изображение 480×576, показывающее пост в ленте Instagram: аватар с градиентным кольцом и имя пользователя с синей галочкой, область-заглушку для фото, ряд сердечко/комментарий/поделиться/сохранить, «4,281 likes», подпись с хэштегами синим цветом и «View all 63 comments».Изображение генерируется мгновенно в canvas живого превью и скачивается одним кликом — без ожидания, без загрузки на сервер.
Что можно настроить
- Имя пользователя (@handle), цвет аватара или загруженное фото, а также переключаемый синий значок верификации.
- Текст подписи с хэштегами, отображаемый фирменным синим цветом ссылок Instagram.
- Счётчик лайков и комментариев, отображаемый точно так же, как в настоящих постах Instagram.
- Необязательная область-заглушка для фото, соответствующая квадратным пропорциям реальных фото ленты Instagram.
Ответственное использование
Этот генератор создан, чтобы легко делать явно вымышленные изображения постов Instagram для юмора, историй и дизайна. Это не инструмент для фабрикации доказательств, организации травли или введения кого-либо в заблуждение относительно того, что фейковый пост настоящий. Если вы планируете делиться изображением, созданным этим инструментом, рассмотрите возможность добавить пометку (например, «фейк» или «макет»), чтобы зрители понимали, что это не настоящий пост Instagram — особенно если изображённое можно спутать с реальным человеком или реальными событиями.
Реалистичное соотношение размера аккаунта и вовлечённости
Подпись в тоне личного аккаунта в паре с шестизначным числом лайков — это ровно то, что мгновенно выдаёт макет. Подбор числа лайков и комментариев под предполагаемый масштаб аккаунта влияет на убедительность результата сильнее, чем любая деталь вёрстки.
| Подразумеваемый тип аккаунта | Естественное число лайков | Естественное число комментариев |
|---|---|---|
| Обычный личный аккаунт | Десятки — пара сотен | От 1 до десятка |
| Микроинфлюенсер | Тысячи — около 10 000 | Десятки — сотня |
| Крупный аккаунт или бренд | Десятки тысяч и больше | Больше сотни |
Часто задаваемые вопросы
Законно ли и этично ли использовать этот инструмент?
Сам инструмент законен для использования в развлекательных, макетных, презентационных и дизайнерских целях. Незаконно и неэтично использовать созданное изображение, чтобы кого-то обмануть — например, выдавая его за настоящий пост для мошенничества, преследования или клеветы на человека, либо выдавая его за реальный контент кого-либо. В зависимости от места вашего проживания такое злоупотребление может представлять собой мошенничество, клевету или преследование. Пожалуйста, используйте это только в явно вымышленных или иллюстративных целях.
Загружает ли инструмент мою подпись или цифры куда-либо?
Нет. Всё, что вы вводите, остаётся в памяти вашего браузера и рисуется прямо на элементе canvas с помощью JavaScript. Файл PNG создаётся и скачивается на вашем устройстве — ничего никогда не отправляется на сервер.
Можно ли отключить значок верификации?
Да — синяя галочка рядом с именем пользователя — это простой переключатель, так что вы можете создавать макеты как верифицированных, так и неверифицированных аккаунтов.
Можно ли загрузить настоящее фото в качестве аватара или фото ленты?
Вы можете загрузить настоящее фото для круглого аватара. Само фото ленты по замыслу представляет собой цветной прямоугольник-заглушку — это сделано, чтобы инструмент оставался простым и не возникало соблазна выдать чужое реальное фото за собственный пост.
Какого размера экспортируется изображение?
Превью и экспортированный PNG используют соотношение сторон карточки ленты, которое выглядит естественно при публикации в соцсетях или вставке в презентацию.
Использовать этот генератор или другой генератор макетов Instagram?
Если вы делаете макет постоянного поста ленты с подписью, хэштегами и счётчиком лайков/комментариев, используйте этот генератор постов. Если вам нужна полноэкранная вертикальная история, используйте Генератор историй Instagram; если нужна только цепочка комментариев под постом — Генератор комментариев Instagram; если нужна целая страница профиля с описанием и сеткой постов — Генератор профилей Instagram.
Считает ли инструмент хэштеги или символы, чтобы не превысить лимиты Instagram?
Встроенного счётчика нет, но Instagram позволяет до 30 хэштегов на пост и около 2200 символов в подписи — намного больше, чем нужно для правдоподобного макета, ведь такая длинная подпись всё равно сворачивается в «...ещё» в реальной ленте. Держите подпись в пределах пары строк, а хэштеги — в пределах горстки, если хотите, чтобы макет выглядел как реальный пост до того, как зритель нажмёт «развернуть».
Можно ли сделать счётчик лайков и комментариев равным «0» или скрыть его полностью?
Вы можете напрямую задать в полях ввода значение «0» — это удобно для макета свежего поста с низкой вовлечённостью. Отдельного переключателя, чтобы полностью скрыть строку с цифрами, нет, поскольку она — часть стандартной вёрстки ленты Instagram.
Будут ли хэштеги отображаться настоящим синим цветом ссылок Instagram?
Да — текст подписи рендерится так, что хэштеги автоматически окрашиваются в характерный синий цвет ссылок Instagram, точно как реальные хэштеги и упоминания в приложении, поэтому макет выглядит визуально достоверно, а не как обычный чёрный текст с символом #.
Можно ли создать несколько макетов постов и сравнить их рядом?
Инструмент генерирует один пост за раз, но ничто не мешает скачать несколько PNG с разными подписями, счётчиками лайков или настройками значка верификации и затем разложить их рядом — это удобно для A/B-сравнения вариантов подписи или сопоставления верифицированной и неверифицированной подачи перед выбором финальной версии.