На этой странице мы дадим вам рекомендации к размещению контента на портале и разберем следующие вопросы:
Основные рекомендации
Существует 4 типа изображения, которые можно использовать работе над контентом портала:
Изображение в теле записи
Превью
Шапка (баннер)
Галерея
Портал адаптивный, поэтому отображение страниц зависит от типа устройства, с которого зашел пользователь. В зависимости от условий изображения переставляются местами, сжимаются и режутся. Для управления этими изменениями условия (кадрирование, сжатие, растягивание) подобраны оптимально, исходя из 3-х точек слома - десктоп, планшет, телефон.
Превью – яркое изображение горизонтальной ориентации, которое располагается на карточке-превью на общей странице записей. При выборе изображения для превью учитывайте цвета и яркость соседних изображений, чтобы контент выглядел единым.
Размер изображений: 376x160px, кадрирование по центру
Изображение превью для новости
Шапка – изображение располагается внутри каждой записи и отражает основную тему сообщения. Рекомендуем выбирать горизонтальные изображения высокого качества. Центральный элемент должен находиться в правой части, так как в левой части расположено название записи.
Размер изображений: 1175x360px, кадрирование по центру
Изображение для шапки на странице новости
Галерея используется в тех случаях, когда к одной записи есть несколько изображений, которые можно разместить в отдельный альбом внутри записи. Подходят фото любой ориентации. Возможно размещение изображений более низкого качества, чем в остальных блоках с изображениями. Если к записи прилагается только одно изображение, не рекомендуется использовать инструмент Галереи. В таком случае воспользуйтесь вставкой изображения в тело сообщения.
Галерея может быть использована, как слайдер для публикации презентации. Для этого сохраните презентацию в виде изображений.
Размер изображений: 750x420px, кадрирование по центру
Пример галереи
В тело записи вставляются те изображения, которые относятся к той части текста, рядом с которой находятся. Ориентация изображение не важна. В текст можно вставить большие и небольшие изображения.
Размер изображений: 720xNpx, кадрирование по центру
Пример изображения в теле записи
Баннеры
Рекомендуется выбирать изображения с максимально однородным фоном без избыточных и кричащих цветов и деталей. Желательно располагать ключевое изображение справа, левую часть оставлять максимально пустой или однородной.
Не рекомендуется использовать белый цвет и текст на изображении. Текст, который добавлен подобным способом, может не читаться при адаптивном изменении изображения, используйте встроенные заголовки и тест.
Размер изображения: 1175 х 250 px, кадрирование по центру
Баннер на Главной странице портала
Приветственная презентация
Изображение для приветственной презентации
Размер изображения: 791х291px, кадрирование по центру