CodeKitHubЧто это за инструмент?
Генератор историй Facebook воссоздаёт вертикальный полноэкранный вид настоящей истории Facebook — кольцо профиля, заголовок с именем и меткой времени, фоновое фото или градиент, жирный текст поверх изображения и полосу панели ответа внизу.
Его никогда нельзя использовать для фабрикации мошеннических доказательств, преследования или клеветы, а также для выдачи себя за реальные посты или истории реального человека — в зависимости от юрисдикции это может быть незаконно.
Всё генерируется локально в вашем браузере с помощью HTML Canvas API; ничего никогда не отправляется на сервер.
Зачем его использовать?
- Вы тренируетесь в видеомонтаже и хотите проверить, как выглядела бы «превью в стиле сторис», не публикуя её на самом деле в Facebook — достаточно ввести имя и текст, чтобы получить превью в формате истории без публикации.
- Хочется сделать шуточное изображение «такую историю точно бы выложил этот человек» для группового чата с друзьями — сочетание градиента фона и текста поверх изображения помогает добиться убедительного вида.
- Нужно показать клиенту вариант интерфейса функции историй в приложении, но реальный скриншот Facebook тянет за собой лишнюю информацию — здесь можно собрать только вертикальный макет 9:16 из нужных элементов.
- Не хочется загружать личное фото или текст куда-либо — фоновое изображение и текст остаются только в браузере, без обращения к серверу вплоть до момента скачивания PNG.
Как использовать
- Задайте имя, метку времени и цвет аватара (или загрузите фото).
- Выберите градиент фона или загрузите собственное изображение.
- Введите текст, который появится ближе к низу истории.
- Наблюдайте, как вертикальное превью обновляется в реальном времени, затем нажмите «Download PNG», чтобы сохранить изображение.
Пример
Ввод
Имя: «Sam Whitfield» · Время: «4ч» · Фон: градиент от синего к розовому · Текст: «Воскресный утренний кофе ☕»Результат
PNG-изображение 360×640 в стиле настоящей истории Facebook: аватар с кольцом профиля, имя и метка времени, фон-градиент на весь экран, центрированный жирный текст поверх изображения, и полоса панели ответа с иконкой сердечка внизу.Изображение генерируется мгновенно в canvas живого превью и скачивается одним кликом — без ожидания, без обращения к серверу.
Что можно настроить
- Имя профиля, метку времени и цвет или фото аватара.
- Фон: двухцветный градиент или загруженное изображение.
- Жирный текст поверх изображения, отображаемый ближе к низу истории.
- Детали макета, соответствующие реальному визуальному стилю историй Facebook.
Ответственное использование
Этот генератор создан, чтобы легко делать явно вымышленные изображения макетов для юмора, историй и дизайна. Если вы делитесь изображением, созданным этим инструментом, добавьте пометку, чтобы зрители понимали, что это не настоящая история.
Сравнение с другими макетами Facebook
| Инструмент | Пропорции | Лучше всего подходит для |
|---|---|---|
| Генератор историй Facebook | 9:16 (вертикально) | Имитации временной публикации на весь экран |
| Генератор профилей Facebook | 600×500 (горизонтальный заголовок) | Показа полного профиля с обложкой и описанием |
| Генератор комментариев Facebook | Меняется в зависимости от длины ветки | Показа диалога с вложенными ответами |
Часто задаваемые вопросы
Законно ли и этично ли использовать этот инструмент?
Сам инструмент законен для использования в развлекательных, макетных, презентационных и дизайнерских целях. Незаконно и неэтично использовать созданное изображение, чтобы кого-то обмануть. Пожалуйста, используйте это только в явно вымышленных или иллюстративных целях.
Загружает ли инструмент мой контент куда-либо?
Нет. Всё, что вы вводите или загружаете, остаётся в памяти вашего браузера и рисуется прямо на элементе canvas с помощью JavaScript. PNG создаётся и скачивается на вашем устройстве — ничего никогда не отправляется на сервер.
Можно ли загрузить своё фото в качестве фона истории?
Да — нажмите на ссылку загрузки под «Video background», чтобы использовать собственное изображение как фон истории на весь экран вместо градиента.
Какого размера экспортируется изображение?
Экспортированный PNG имеет размер 360×640, что соответствует вертикальному соотношению сторон 9:16, используемому в настоящих историях Facebook.
Использовать этот генератор или другой генератор макетов Facebook?
Если вы делаете макет полноэкранной вертикальной истории, используйте этот генератор историй. Если нужна ветка комментариев, используйте Генератор комментариев Facebook; если нужна целая страница профиля с обложкой и описанием — Генератор профилей Facebook.
Есть ли ограничение по числу символов в тексте поверх изображения?
Жёсткого ограничения по символам нет, но текст отрисовывается в ограниченном пространстве ближе к низу, поэтому слишком длинные фразы могут автоматически переноситься или делать макет тесным. Короткие фразы, умещающиеся в одну-две строки, выглядят аккуратнее.
Можно ли экспортировать изображение в другой пропорции, не только вертикальной?
Нет, инструмент жёстко привязан к вертикальному формату 9:16 (360×640), как настоящие истории Facebook. Если нужен квадратный или горизонтальный формат, изображение придётся обрезать позже в другом редакторе.
Обрезается ли загруженное фоновое фото автоматически?
Да. Загруженное изображение автоматически масштабируется и обрезается, чтобы заполнить весь вертикальный canvas 9:16. Если исходное фото горизонтальное, важные детали по краям могут выпасть из кадра — стоит заранее обрезать фото под вертикальный формат для более предсказуемого результата.
Можно ли изменить текст или иконку панели ответа?
Панель ответа — фиксированный элемент дизайна, воссоздающий реальный вид истории Facebook, и в текущей версии её текст и иконку настроить нельзя.