- Особенности создания шапки для группы ВКонтакте
- Размер обложки ВК
- Размер обложки ВК для телефона
- Миниатюра
- Баннер (картинка к постам)
- Сниппет (картинка к ссылкам)
- Размер товаров ВК
- Размер меню ВК
- Как установить шапку размером 1590×400 px в сообщество
- Характерные особенности обложек для оформления групп в ВК
- Особенности отображения картинки группы
- Как создать и оформить статью ВКонтакте: пошаговая инструкция
- Заголовок и текст
- Добавление блоков
- Как удалить блок
- Как добавить ссылку
- Как вставить картинку, гифку или видео
- Опросы
- Создание списков
- Добавление товара
- Горячие клавиши
- Подсказка
- Обложка и публикация
- Статистика статьи
- Как создать подходящее изображение 1590×400 для сообщества ВКонтакте
- Wilda
- PSD-шаблон
- Несколько советов для рисования обложки для группы
- Как загрузить подходящую картинку в вашу группу
- Примеры шапок для групп ВК размером 1590×400 px
- Несколько примеров обложек VK
- Что делать, если картинка не загружается
- Что «поставить» на обложку: советы
- Примеры обложек для сообщества во ВКонтакте: 5 вариантов
Особенности создания шапки для группы ВКонтакте
Как известно, верхнее изображение группы ВК – это важный визуальный элемент, напрямую влияющий на восприятие сообщества посетителем. Грамотно оформленный заголовок является украшением страницы, подчеркивает стиль и дизайн, вкус создателя. Некрасивый дизайн отпугивает дальнейшее посещение этого сообщества.
Удачно подобранная шляпа группы – украшение группы.
Функционал Вконтакте предлагает использовать два варианта шапки (обложки) — традиционную и динамическую. Если в интересующем нас традиционном варианте обложка представлена в виде статического изображения, то динамическая обложка представляет собой до пяти коротких изображений (видеороликов), автоматически сменяющих друг друга.
Создание стандартной шапки для сообщества ВК должно соответствовать ряду условий:
- Заголовок должен быть 1590 x 400 (оптимально) или 795 x 200. Размер 1590х400 имеет большие графические возможности, высокий уровень детализации и хорошо подходит для современных больших экранов;
- Изображение должно быть отличного качества;
- На изображении не должно быть слишком много элементов;
- Шапку можно создать как в десктопном графическом редакторе (уровня Photoshop), так и в сетевом редакторе (например, «Canva»);
- При сохранении изображения в Photoshop необходимо выбрать формат «Сохранить для WEB» — «sRGB».
Размер обложки ВК
Посмотрите, как выглядит обложка ВК с компьютерной версии (слева) и с мобильного устройства (справа):
Видно, что обложка с компьютера отображается в полном размере, а вот такая же обложка с телефона не отображается в полном размере. Как и с телефона, обрезается по краям, и даже вверху немного «съедает» изображение.
Это верно. На телефоне обрезана обложка, так что учтите это, делая обложку для своего сообщества. Размер обложки ВК в целом такой же, но с телефона видна только часть обложки ближе к центру изображения.
Поэтому при создании обложки все основное содержимое (основной текст) лучше разместить ближе к центру, чтобы его было видно и с компьютера, и с телефона.
На изображении ниже я показываю вам точные размеры обложки ВК (старый формат), сколько обрезано по краям, вверху и где рекомендуется публиковать основное содержание обложки:
Я объясняю:
1590×400 px — полная обложка (полностью отображается с компьютера)
1196х315 px — видимая область обложки с мобильных устройств
197 px — обрезано и слева, и справа (эти края не видны с мобильных устройств)
85px — скрыт сверху, не виден с мобильных устройств
Теперь вы понимаете, где разместить основной контент на обложке. Если непонятно, задавайте вопросы в комментариях под статьей.
Недавно формат обложки изменился, и у пользователей есть возможность указать более широкий размер, например:
И один важный момент. Если вы установите обложку нового формата, вы не сможете установить старую. На данный момент этот формат является наиболее актуальным и неизменным.
Размер обложки ВК для телефона
Продвинутые пользователи ВКонтакте знают, что в сообществе есть возможность скачать специальную обложку для мобильных устройств.
Размер: 1080 х 1920 пикселей
Обложка выглядит так:
Если хотите увидеть обложку реального примера, заходите в мое сообщество ВК. Не забудьте подписаться на него, если вы еще этого не сделали. Чтобы не пропустить больше интересных статей и видео о развитии вашего сообщества ВК.
Миниатюра
Размер эскиза сообщества ВК квадратный. Соотношение сторон здесь такое же. Миниатюра появляется рядом с названием сообщества, а также рядом с каждым опубликованным постом:
Баннер (картинка к постам)
Я часто замечаю, что многие люди публикуют вертикальный баннер в своем сообществе ВК. Такой баннер оставляет много места. Я привык выжимать максимальный результат из каждого своего действия! Поэтому я настоятельно рекомендую вам использовать для своих постов не вертикальные, а горизонтальные баннеры.
Вот пример вертикального баннера (слева) и горизонтально-нормального (справа). Посмотрите и решите сами, что лучше:
Если можно использовать больше места, почему бы не использовать его, верно?
Так что рекомендую использовать размер баннера ВК:
1000 x 900 пикселей или 1000 x 700 пикселей
Сниппет (картинка к ссылкам)
Что такое отрывок? Это небольшое изображение, загруженное сообщениями сообщества, на которые есть ссылка. Этот фрагмент можно удалить после загрузки, но он может остаться. Я рекомендую оставить его, потому что он снова увеличивает объем занимаемого места.
Чем больше места занимает ваш пост, тем больше шансов, что его заметят.
Помните, что размер обложки ВК может быть разным? Один для мобильных устройств, другой для ПК. Таким образом, фрагмент кода проще, он только одного размера:
537 х 240 пикселей
Код может быть как основным изображением поста со ссылкой, например:
Отрывок также может быть очень маленьким изображением. Если у вас есть основное изображение, загруженное отдельно, фрагмент помещается под ним и автоматически уменьшается. Пример:
Если вам что-то непонятно, то лучше задать вопрос в комментариях под статьей, и я вам отвечу. Важно понимать, что такое сниппет и зачем он нужен. Важно использовать снип!
Размер товаров ВК
С товарами все очень просто. Это квадратные изображения:
Размер рекомендованных мною материалов ВК: 1000х1000 px
Вещи классные, кстати! Если вы не используете этот инструмент, вы многое упускаете. Попробуйте, может благодаря этому инструменту вы увеличите продажи от своего сообщества.
Размер меню ВК
Меню сообщества ВК теперь очень просто добавить и было бы странно им сейчас не пользоваться. Если вы не знали, что в ВК можно добавить меню, зайдите в настройки, добавьте разделы меню. Картинки для меню надо, конечно, создавать самому или попросить дизайнера.
Вот размер меню ВК: 376х256px
А вот так выглядит готовое меню из 4-х разделов:
На скриншоте показан вид с телефона. Если вы хотите посмотреть, как это выглядит с компьютера, зайдите и посмотрите.
Как установить шапку размером 1590×400 px в сообщество
Итак, у вас уже есть готовая шапка для вашей группы ВКонтакте, размер которой 1590×400 px, и вы хотите загрузить такое изображение на свою страницу.
Для этого сделайте следующее:
- Зайдите в сообщество ВК, которым вы управляете;
- Выберите «Администрирование» справа»;
- Прокрутите открывшуюся страницу вниз и найдите опцию «Обложка сообщества»;
- Нажмите там на надпись «Добавить»;
Нажмите «Добавить», чтобы загрузить обложку в группу - На открывшейся странице нажмите «Добавить обложку»;
- Выберите нужный файл изображения обложки и загрузите его в свою группу;
- После добавления обложки нажмите «Сохранить» ниже.
Характерные особенности обложек для оформления групп в ВК
Обложка группы ВКонтакте предполагает два основных варианта используемых размеров:
- Минимум — размер 795×200 px;
- Рекомендуемый размер 1590 x 400 пикселей для детализированных изображений, хорошо подходящих для широкоэкранных дисплеев.
Обратите внимание, что для мобильных устройств (а владельцы таких устройств, по статистике, составляют большинство посетителей ВК) видимая зона покрытия в ВК составляет 1590 х 400 1196 × 400 px.
Левый и правый края обрезаны на 140 пикселей из-за значков меню и всплывающих сообщений, а полоса, показывающая значки уровня заряда телефона, мощности сигнала, принятых вызовов, смс и других значков, занимает 83 пикселя сверху.
Помимо стандартных статичных изображений, около года назад в функционал ВК были введены «динамические обложки», которые изменялись и обновлялись через определенный промежуток времени.
Они позволяют значительно улучшить внешнюю привлекательность группы, при этом для их активации требуется подключение специального скрипта и хостинга. Рекомендуется доверить это дело профессионалам.
Особенности отображения картинки группы
Обратите внимание, что заголовок 1590×400 отображается по-разному на разных платформах. Например, на мобильных телефонах отображается не полная версия обложки, а усеченная часть размером 1196 х 400 пикселей.
На гаджетах обложка не отображается в полном размере
Рекомендуем учесть это условие и сделать в крышке соответствующие отступы — 85 пикселей сверху (индикаторы телефона) и 140 пикселей по краям (под системные кнопки сайта на телефоне).
Кроме того, при загрузке изображения для шапки ВК изображение может быть деформировано. Это вызвано механизмами сжатия самого API ВКонтакте, когда сжатие снижает резкость изображения и искажает цвет. Что делать в этом случае?
Рекомендуется сделать следующее:
- откройте Photoshop и загрузите в него свое изображение;
- Далее создайте дубликат слоя. Примените фильтр, затем выберите «Другое», затем «Цветовой контраст» (задайте радиус от двух до трех пикселей);
- Установите режим Overlay и соедините два слоя;
- Выберите «Изображение» — «Размер изображения». Установите «Пересэмплинг» на «Бикубический с пониженной дискретизацией». Применить изменения;
- Выберите «Изображение» — «Размер изображения». Установите Resampling обратно на Bicubic Smooth Ingredients. Применить изменения;
- Затем выберите «Файл», затем нажмите «Сохранить для Интернета и устройств». Установите качество на 80, отметьте «Преобразовать в sRGB» и выберите качество «Бикубическая резкость»;
- Загрузите сохраненный файл в качестве шапки в свою группу ВК.
Как создать и оформить статью ВКонтакте: пошаговая инструкция
В редактор можно попасть с личной страницы, из раздела новостей или из группы. Полноценно пользоваться редактором можно в онлайн-версии ВКонтакте, в приложении эта функция отсутствует — с мобильного телефона можно только читать свои и чужие статьи, а также отслеживать статистику.
Для начала нажмите на иконку «Т» с тремя горизонтальными полосками в окне создания поста. Этот значок везде выглядит одинаково.
Мы попадаем в очень минималистичный редактор, в котором легко разобраться даже новичкам. Аналогичный редактор в Яндекс Дзен.
Заголовок и текст
Первое, что вы можете сделать, это написать или вставить готовый текст. Самая первая строка – заголовок. Как видно из подсказки выше, чтобы применить форматирование к тексту, нужно просто выделить нужный сегмент.
Вариантов форматирования немного — полужирный, курсив, зачеркнутый, ссылка, заголовки и цитата.
Плюс: очень легко редактировать текст — даже проще, чем в Google Docs.
Минусы: несколько методов форматирования, отсутствует выравнивание текста, сноски, ручная настройка размера шрифта, отступы.
Есть подзаголовки H2 и H3. Как мы уже писали, размер шрифта не регулируется. Чтобы вернуться к нормальному размеру текста, снова нажмите H.
Возможны 2 варианта оформления цитаты — страницей и горизонтальной линией. В первом случае текст курсивом, во втором — стандартным шрифтом с выравниванием текста по середине.
Добавление блоков
Редактор имеет блочную структуру, то есть каждый элемент статьи, как если бы это был текст или медиафайл, представляет собой отдельный блок. Добавляется очень легко — нажмите на свободное место под размещенным блоком (в нашем случае текстовым), появится плюсик, нажмите на него и выберите нужный блок — изображение, видео, музыка, опрос, товар, гифка, текст разделитель.
Как удалить блок
Блок никак не подсвечивается, если просто нажать на него — ничего не происходит, крестика для удаления блока тоже нет. Поэтому вам нужно всего лишь нажать клавишу возврата (стрелка с крестиком) и блок будет удален. Вы также можете выделить содержимое блока и нажать Delete.
Как добавить ссылку
Отдельного блока со ссылкой нет, ее можно вставить в текст с помощью сочетаний клавиш Ctrl+V, Ctrl+C или вставить как гиперссылку. Во-вторых, нужно выделить в тексте нужное слово или словосочетание и нажать на значок ссылки в окне форматирования. Появится окно, куда нужно вставить ссылку.
Чтобы изменить или удалить ссылку, снова выделите фрагмент и щелкните значок ссылки.
Читайте также: Игры ВК: как играть через приложение на моей странице бесплатно
Как вставить картинку, гифку или видео
Чтобы вставить изображение, гифку или видео, нажмите на плюс и выберите нужный значок. Для картинки или фото — иконка фотоаппарата, для видео — иконка фильма, для гифок тоже есть отдельный блок.
Картинку или фото можно добавить из альбома ВК или загрузить с компьютера. Вы также можете сделать снимок с веб-камеры.
Изображение можно растянуть на всю ширину экрана, расположить сбоку от текста или слева по ширине текста. Вы также можете создать карусель из нескольких изображений. Это удобно, если вам нужно создать галерею предметов.
Вы также можете добавить описание к изображению мелким шрифтом.
Видео добавляется по тому же принципу, но его нельзя скачать с компьютера или по ссылке — можно только добавить из сохраненных или найти чужое видео в поиске.
Музыку можно добавить из сохраненных саундтреков или найти в поиске. Соответственно, если нужного трека нет в общей библиотеке, его нужно предварительно загрузить в ВК.
Гифки загружаются через поиск или скачиваются с компьютера.
Опросы
В статье можно разместить опрос, он выглядит как обычный опрос в ВК. Добавьте блок, выберите значок диаграммы.
Оформляем — пишем тему, варианты ответов, настраиваем цвет и дополнительные параметры.
Создание списков
В редакторе нет кнопки для создания списков, но их можно создавать с помощью символов:
- маркированный список: * + пробел
- нумерованный список: 1. + пробел
Минус: было бы удобнее, если бы можно было создавать списки при форматировании текста, но и так неплохо.
Добавление товара
Чтобы добавить товар, нажмите на плюсик и на иконку с сумкой.
Если товар ранее был добавлен в ВК, он появится во вкладке «Мои товары». Вы также можете добавить товар из китайского магазина Aliexpress по прямой или партнерской ссылке.
Вот так выглядит карточка товара в статье.
Горячие клавиши
Для более быстрой работы со статьями можно использовать сочетания клавиш, комбинации есть во всплывающей подсказке редактора.
Подсказка
В редакторе сложно запутаться, но если вам нужно что-то посмотреть, например, запомнить комбинации горячих клавиш, нужно нажать на вопросительный знак в правом нижнем углу.
Обложка и публикация
Чтобы опубликовать статью и установить для нее обложку, нажмите кнопку «Опубликовать». Загружаем обложку с компьютера, прописываем адрес ссылки, по которой открывается статья и нажимаем «Сохранить».
Статистика статьи
Статистика доступна автору статьи и администраторам/модераторам/редакторам группы, в которой она размещена. Появляется после 100 просмотров. Статистика показывает воронку прочтений — сколько человек открыли статью, начали ее просматривать, какую часть статьи прочитали. Также отображаются просмотры, репосты, общий процент повторных прочтений.
Как создать подходящее изображение 1590×400 для сообщества ВКонтакте
Для профессионального дизайнера не составит труда сделать обложку для группы ВК. Если нет, специальные графические инструменты помогут вам создать обложку для аудитории vk.com. Мы рекомендуем Canva, онлайн-ресурс, специально разработанный для целей графического дизайна.
Его функционал обеспечивает удобный доступ к миллиону фотографий, изображений и шрифтов, работать с ним несложно, поэтому Canva пользуется заслуженной популярностью как среди новичков, так и среди профессионалов.
Одной из практических особенностей этого ресурса является раздел, посвященный только созданию изображений для групп ВКонтакте. Вот удобный список инструментов, которые позволят вам создать обложку 1590х400 для группы ВК 2018.
Алгоритм работы с ресурсом сводится примерно к следующему:
- Перейти на canva.com
- Нажмите «Создать обложку для группы ВК»;
- Укажите, используете ли вы Canva в коммерческих, образовательных, личных целях и т д.;
- Зарегистрируйтесь на ресурсе (можно войти под своим аккаунтом Google или Facebook);
- Затем вы попадете в специальный раздел сайта, посвященный созданию обложки для группы в ВК.
Слева вы увидите панель управления, в которой представлен набор инструментов для создания и редактирования привлекательной обложки для вашей группы ВК. Справа находится поле для создания изображения размером 1590×400 пикселей.
Существует большой выбор шаблонов, созданных профессиональными дизайнерами. Вы можете выбрать любой из этих шаблонов, а затем дополнительно настроить его в соответствии со своими потребностями, изменив цвет, добавив текст, добавив новые элементы или переставив существующие. Для поиска нужного шаблона есть строка поиска, которую можно использовать для поиска шаблона по названию.
Для загрузки собственных фотографий на ресурс есть кнопка «Загрузки». Если вы загружаете логотип, попробуйте использовать логотип с прозрачным фоном. Чтобы вставить свое фото в макет будущей обложки ВК 2018, просто перетащите его мышкой на нужную часть фотографии.
Для загрузки файлов на ресурс используйте кнопку «Загрузки
При желании нужный элемент макета можно отредактировать. Для этого кликните по нему мышкой и сверху появятся возможные данные для его настройки. Вы можете изменить текст и особенности шрифта, фон, положение и количество элементов и так далее.
Чтобы сохранить результат на ПК, нажмите вверху слева на «Файл» — «Скачать».
Вас также может заинтересовать наш материал о том, как назвать разговор в ВК с друзьями смешным.
Wilda
Wilda — онлайн-конструктор документов. На платформе есть специальный конструктор обложек для ВК.
Вы можете использовать готовые шаблоны.
Чтобы начать работу с платформой, перейдите на домашнюю страницу Wilda и перейдите в раздел «Социальные сети: ВКонтакте». Или перейдите по ссылке в статье — и вы сразу попадете в нужный раздел с обложками для ВК.
Откроется раздел Шаблоны. Выберите любой понравившийся шаблон из каталога. Вы также можете выбрать опцию «+ Новый документ», чтобы создать обложку с нуля.
Перейдите в редактор: для этого нажмите кнопку «Редактировать» на главной странице. Здесь вы можете изменить обложку: например, вставить контактные данные и логотипы, изменить фон, добавить фигуры и линии.
После того, как вы отредактировали шаблон или создали собственную обложку с нуля, нажмите кнопку «Загрузить» в верхнем меню.
PSD-шаблон
Создать обложку для сообщества в ВК можно через программу графического редактирования Adobe Photoshop. Доступны два варианта: «нарисовать» обложку самостоятельно или воспользоваться готовыми PSD-шаблонами.
Шаблон PSD представляет собой файл для Photoshop. Если у вас установлен Adobe Photoshop, вы можете скачать шаблон PSD и открыть его на своем компьютере.
В графическом редакторе вы можете полностью изменить готовый шаблон и создать уникальное изображение.
Несколько советов для рисования обложки для группы
При работе с обложками в Canva, Adobe Photoshop и других подобных инструментах помните следующее:
- Используйте изображение только в рекомендуемых (указанных выше) размерах;
- Ищите качественное изображение для обложки;
- Не перегружайте изображения визуальными элементами;
- Выбранное вами изображение должно соответствовать направлению группы, ее стилю и выбранной цветовой гамме (если она есть);
- Старайтесь использовать оригинальные изображения, подчеркивающие уникальность группы;
- Добавьте в образ эмоциональную составляющую – такие образы никого не оставят равнодушным.
Как загрузить подходящую картинку в вашу группу
Чтобы загрузить обложку в ВК, зайдите на страницу, администратором которой вы являетесь. Нажмите кнопку «Управление» справа, на открывшейся странице рядом с «Обложкой сообщества» нажмите «Загрузить», и загрузите файл обложки в свою группу.
Нажмите «Загрузить», чтобы загрузить обложку для своей группы
Также ранее мы ответили на вопрос, как перейти в начало диалога в ВК.
Примеры шапок для групп ВК размером 1590×400 px
Предлагаем вам несколько вариантов шапок для сообщества Вконтакте. Вы можете использовать их как в качестве готовых обложек, так и в качестве основы для дальнейшего редактирования.
Несколько примеров обложек VK
Мы также предлагаем вам несколько образцов изображений, которые можно использовать в качестве шаблонов для вашей будущей обложки группы в социальных сетях. Сеть ВК:
Что делать, если картинка не загружается
Также бывают ситуации, когда по какой-то причине при попытке загрузить шапку в свою группу она не загружается.
Чтобы устранить проблему, выполните следующие действия:
- Используйте другой браузер. Хорошие отзывы получены при использовании браузеров Google Chrome и Opera для загрузки главной страницы группы в ВК;
- Подождите несколько часов и повторите попытку загрузки. Ошибки при загрузке изображения могут быть связаны с проблемами в работе серверов Вконтакте и временным наплывом пользователей.
Что «поставить» на обложку: советы
Теперь немного теории. Мы поделимся советами о том, какие элементы стоит разместить на главной странице группы ВК.
Что положить на обложку:
- Введите название вашего сообщества или бизнеса. Вставьте логотип вашего бренда.
- Добавьте информацию о компании: часы работы, способы доставки, контактные данные.
- Разместите фотографию вашего продукта.
- Создайте динамическую обложку с интерактивными элементами: например, покажите новых подписчиков или курс обмена, который меняется в режиме реального времени.
Примеры обложек для сообщества во ВКонтакте: 5 вариантов
В этом разделе представлены образцы обложек. Всего есть 5 вариантов.
Используйте их для вдохновения.
Первая страница сообщества OZON Camp во ВКонтакте
Обложка сообщества для магазина женской одежды «Ева»
Первая страница издательской группы MIF
Обложка паблика «Хабр»
Обложка официального сообщества канала ТНТ