На этой странице мы дадим вам рекомендации к размещению контента на портале и разберем следующие вопросы:
Информация по хранению контента
Важно! Каждый загруженный на портал файл занимает место на сервере. Лимит используемого места на сервере ограничен (устанавливается в договоре). Поэтому следует внимательно относиться к загружаемому контенту, особенно к объёмным видеофайлам, иначе произойдёт преждевременное превышение лимита.
Файлы, загруженные на портал, навсегда сохраняются на сервере после загрузки (даже если файл отвязали от материала, он продолжит занимать место на сервере).
Если добавлять файл как ссылку с хостинга (актуально для видеофайлов), то уменьшения памяти не происходит.
Основные рекомендации
Существует 4 типа изображения, которые можно использовать работе над контентом портала:
Изображение в теле записи
Превью
Шапка (баннер)
Галерея
Портал адаптивный, поэтому отображение страниц зависит от типа устройства, с которого зашел пользователь. В зависимости от условий изображения переставляются местами, сжимаются и режутся. Для управления этими изменениями условия (кадрирование, сжатие, растягивание) подобраны оптимально, исходя из 3-х точек слома - десктоп, планшет, телефон.
Выбирайте изображения, которые имеют поля безопасности. Эти поля могут быть обрезаны блоком изображения. Размер каждого поля может занимать 5-20% от ширины или длины изображения. Поэтому не выбирайте изображения с важным текстом по краям изображения.
Превью – яркое изображение горизонтальной ориентации, которое располагается на карточке-превью на общей странице записей. При выборе изображения для превью учитывайте цвета и яркость соседних изображений, чтобы контент выглядел единым.
Размер изображений: 376 x 209 px (на Главной странице) и 376 х 160 px (на вторичной странице) кадрирование по центру
Изображение превью для новости
Шапка – изображение располагается внутри каждой записи и отражает основную тему сообщения. Рекомендуем выбирать горизонтальные изображения высокого качества. Центральный элемент должен находиться в правой части, так как в левой части расположено название записи.
Размер изображений: 1175 х 360 px, кадрирование по центру
Изображение для шапки на странице новости
Галерея используется в тех случаях, когда к одной записи есть несколько изображений, которые можно разместить в отдельный альбом внутри записи. Подходят фото любой ориентации. Возможно размещение изображений более низкого качества, чем в остальных блоках с изображениями. Если к записи прилагается только одно изображение, не рекомендуется использовать инструмент Галереи. В таком случае воспользуйтесь вставкой изображения в тело сообщения.
Галерея может быть использована, как слайдер для публикации презентации. Для этого сохраните презентацию в виде изображений.
Размер изображений: 750x420px, кадрирование по центру
Пример галереи
В тело записи вставляются те изображения, которые относятся к той части текста, рядом с которой находятся. Ориентация изображение не важна. В текст можно вставить большие и небольшие изображения.
Размер изображений: 720 x N px, кадрирование по центру
Пример изображения в теле записи
Баннеры
Рекомендуется выбирать изображения с максимально однородным фоном без избыточных и кричащих цветов и деталей. Желательно располагать ключевое изображение справа, левую часть оставлять максимально пустой или однородной.
Не рекомендуется использовать белый цвет и текст на изображении. Текст, который добавлен подобным способом, может не читаться при адаптивном изменении изображения, используйте встроенные заголовки и тест.
Размер изображения: 1663 x 560 px, кадрирование по центру
Баннер на Главной странице портала
Приветственная презентация
Изображение для приветственной презентации
Размер изображения: 791 х 291 px, кадрирование по центру
Таблица модулей, изображений и размеров
Название модуля | Изображения |
Личный кабинет | Обложка - 1168 на 360, растягивается в зависимости от контента |
Учебные планы | Карточка учебного плана - 376 на 160 Карточка превью материала - 444 на 204
|
Уроки и тесты | Карточка - 376 на 160 Шапка материала - 1175 на 360
|
Квесты | Карточка квеста - 376 на 160 Карточка превью материала - 444 на 204
|
Блоги | Карточка - 376 на 160 Шапка материала - 1175 на 360 |
Мероприятия | Карточка - 150 на 135 Шапка материала - 1175 на 360 |
Новости | Карточка - 376 на 160 Шапка материала - 1175 на 360 Главная новость - 1175 на 360 |
Каталог призов | Карточка - 410 на 185 Изображение в галерее - 398 на 320 (примерно) |
Библиотека | Карточка - 276 на 145 |
Сообщества | Карточка - 376 на 160 Шапка сообщества - 680 на 250 Карточка материала - 150 на 130 Шапка материала - 1175 на 360
|
Опросы га ГС | 376 на 205 |
Хоткейс на ГС | 216 на 92 |
Баннер на ГС | 1663 на 560 |