Как пользоваться
- Выберите тему или задайте свои цвета фона, текста и акцента.
- Выберите стиль, шрифт, насыщенность и выравнивание; все панели будут выглядеть одинаково.
- Отредактируйте текст, иконку и высоту каждой панели (60–200 px). Добавляйте или удаляйте панели по необходимости.
- Скачайте один PNG или все панели в ZIP-архиве.
- На Twitch перейдите на страницу «О канале» вашего канала, нажмите «Редактировать панели», добавьте панель и загрузите изображение.
Как это работает
Twitch показывает панели канала под видео шириной 320 пикселей, поэтому каждое изображение имеет ширину 320 px или 640 px, если выбрать более чёткий размер (Twitch уменьшает его). Высота — от 60 до 200 px. Текст и иконка располагаются в одну строку: если они не помещаются, текст уменьшается вплоть до 10 px, поэтому делайте заголовки панелей короткими.
Стили — плоские цвета без градиентов: сплошная заливка, рамка в акцентном цвете, акцентная полоса снизу или акцентная граница. Используются шрифты, установленные на вашем устройстве (системные шрифты), поэтому один и тот же параметр может немного отличаться на другом компьютере; скачанный PNG содержит ровно то, что вы видите.
Иконки взяты из открытого набора Lucide (лицензия ISC) и рисуются линиями в цвете текста или в акцентном цвете в стиле с акцентной границей. Этот инструмент не связан с Twitch.
Примеры
Классический фиолетовый набор
Фиолетовая тема, сплошной стиль, чёрное начертание, заглавные буквы: «Обо мне», «Расписание», «Донат», «Правила» и «Соцсети» с подходящими иконками, скачанные одним ZIP-архивом.
Тёмный канал с акцентной полосой
Ночная тема, стиль «Акцентная полоса», моноширинный шрифт для ретро-игрового вида.
Высокая панель-заголовок
Одна панель высотой 200 px только с текстом «Welcome» и без иконки, над более короткими панелями 70 px.
Часто задаваемые вопросы
Какого размера должны быть панели Twitch?
Twitch показывает панели шириной 320 px. Обычно высота составляет от 60 до 200 px; этот инструмент ограничивает высоту этим диапазоном. Изображения также должны соответствовать ограничению Twitch по размеру файла, и эти небольшие PNG легко ему соответствуют.
Как добавить панели на свой канал?
Откройте свой канал, перейдите в раздел «О канале», включите редактирование панелей, нажмите плюс, чтобы добавить панель с изображением или текстом, загрузите PNG, при желании добавьте ссылку и сохраните.
Можно ли использовать свой шрифт или логотип?
Инструмент использует шрифты, установленные на вашем устройстве, и фиксированный набор иконок. Для собственного логотипа создайте панель без иконки и добавьте логотип в графическом редакторе.
Конфиденциальность
Панели создаются в canvas в вашем браузере и сохраняются прямо на ваше устройство. Ни текст, ни изображения не загружаются.