Как с помощью аватара сменить фон на главной странице канала

13 July

Если вы не заметили — у главной страницы канала изменился дизайн. Нововведение внедряется постепенно: сначала новый дизайн можно увидеть в мобильной версии браузера, сейчас его можно увидеть и на ПК. И пока обновлённый дизайн доступен не всем.

Например, из-под аккаунта, на котором у меня зарегистрирован этот канал, я не вижу обновлённых дизайнов страниц, а под другими аккаунтами уже вижу.

Что представляет собой новый дизайн

Главная страница канала теперь выглядит так.

Вот так теперь читатели увидят главную страницу канала на ПК
Вот так теперь читатели увидят главную страницу канала на ПК
Вот так теперь читатели увидят главную страницу канала на телефоне
Вот так теперь читатели увидят главную страницу канала на ПК

Закруглённые элементы смотрятся замечательно.

Правда, есть и минусы:

  • Фон своеобразного цвета, на котором размещена аватарка канала и название канала.
  • И скрытые кнопки соцсетей.

Серьёзно. У меня из соцсетей указан один единственный телеграм-канал, и чтобы увидеть ссылку на него необходимо кликнуть по ссылке «В социальных сетях».

Пусть вас не пугает надпись на английском. Просто у меня в одном браузере установлен английский интерфейс по умолчанию.
Пусть вас не пугает надпись на английском. Просто у меня в одном браузере установлен английский интерфейс по умолчанию.

Я понимаю, если бы у меня было указано штук семь соцсетей и полный список просто не помещался на экране, то можно было бы отобразить 3-4 ссылки, а в конце добавить ссылку «Ещё», где можно отобразить оставшиеся.

В общем, или кто-то поленился посчитать сколько кнопок влезет на экран, или кто-то решил, что нечего тут авторам свои соцсети рекламировать — надо их спрятать.

Но это мелочь, цвет фона меня расстроил гораздо сильнее.

Как изменить фон под аватаркой на главной странице канала

К сожалению в настройках соответствующего пункта не нашлось. И это странно.

Было бы логично, если бы можно было задать фон или даже был бы набор тем, как это сделано, например в твиттере.

Бьюти-блогерки выбирали бы розовый Дзен, тревел-блогеры — небесно-голубой или зелёный-лесной, а поклонники тяжёлой музыки — чёрный.

Ещё круче была бы возможность загрузить в качестве фона изображение — подложку, поверх которой изображалась бы аватарка с текстом.

Но сейчас фоновый цвет генерируется автоматически на основе аватарки, и не всегда это выглядит нормально.

Я решил понять как это происходит. Для этого я нагуглил шестнадцатицветную палитру.

На основе этой палитры я сделал 16 аваторок — ничего хитрого, просто квадрат, залитый соответствующим цветом.

Этот цветной квадрат я устанавливал в качестве аватарки канала.

Некоторое время у меня на канале были подобные аватарки
Некоторое время у меня на канале были подобные аватарки

Как выглядела главная страница канала при смене аватарки можно посмотреть тут:

Поэкспериментировал с другими картинками, и приступил к тому, чтобы получить аватарку, на основе которой будет генерироваться симпатичный фон.

Как мне показалось, в качестве фона подставляется цвет, преобладает на аватарке. Значит нужно увеличить его «количество» на картинке.

Поскольку, аватарка круглая, то я решил залить нужным цветом ту часть изображения, которая будет обрезана.

Т.е. круг должен включать полезную информацию, а всё вокруг него — просто заливка нужным цветом.

Выделяем нужную часть, а остальное отрезаем. Результат на следующем слайде.
Выделяем нужную часть, а остальное отрезаем. Результат на следующем слайде.
Вот так выглядит сейчас аватарка канала
Выделяем нужную часть, а остальное отрезаем. Результат на следующем слайде.

Установив в настройках канала обновлённую аватарку, я получил вот такой симпатичный, как мне кажется, фон:

Гораздо лучше того, что было изначально!

Правда, пытаясь добиться такого эффекта на другом канале, столкнулся с тем, что там всегда подставляется серый фон. Судя по всему, механизм подбора цвета не всегда может определить подходящий цвет и просто устанавливает серый цвет.

Мне это не нравится, а значит придётся продолжить эксперименты. Когда что-то получится, я обязательно дополню эту статью, а чтобы не пропустить обновление — подпишитесь на мой телеграм-канал, там обязательно будет оповещение.