Оформление группы vk: руководство по основным настройкам

Параметры изображения

Администрация VK постоянно совершенствует внешний вид своих сервисов, делает его более красивым и удобным для пользователей. Так на смену вертикальным аватаркам пришли горизонтальные фоновые картинки в шапке сообщества. Причем сейчас возможно не только классическое статическое отображение, а использование динамических блоков с таймерами, курсами валют, данными CRM и прочими модулями.

Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.

Разрабатывая дизайн, нужно учитывать и расположение кнопок навигации. Отступ от правого края составляет 66 рх, расстояние между ними 10 рх, а габарит каждой 157 рх.

При поиске картинки не обязательно соблюдать заданные пропорции

Важно, чтобы разрешение было не меньше указанного. А как его подогнать под необходимые параметры мы рассказываем ниже

Элементы навигации должны располагаться так, чтобы они были видны не только, на ПК, но и на телефоне. Поэтому рассмотрим, как сделать обложку в группе ВК для мобильной версии. Есть свои особенности размеров:

• По 196 рх с каждой стороны просто уходит за пределы видимости.
• Верхние 83 рх заняты служебными пиктограммами, где отображаются часы, сотовые операторы и прочая информация.
• По 140 рх по бокам занимают всплывающие пиктограммы меню и сообщений.

Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.

Точная схема раскладки всех элементов упрощает работу. Но перед утверждением окончательного варианта лучше опубликовать картинку и убедиться, что важные части не перекрываются всплывающими иконками и панелями. Это помогает сделать сообщество привлекательным для пользователей любых устройств.

Как сделать обложку для группы вконтакте онлайн на сервисе canva

Для того, чтобы начать работать в canva, вам необходимо зарегистрироваться на этом сервисе.

Сделать это можно через социальные сети или с помощью электронной почты.

Целью сегодняшней статьи не является знакомство с этим сервисом – для этого будет отдельная тема. Напомню, что сегодня мы разбираем, как сделать обложку для группы вконтакте, используя Канву.

После авторизации на сайте вы попадаете на страницу, где в правом верхнем углу вам необходимо нажать на кнопку Использовать специальные размеры.

Вспоминаем, что размер обложки группы вконтакте 1590х400 рх. Соответственно, проставляем эти размеры в открывшемся окне.

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

Canva позволяет загружать на сайт собственные картинки. Поэтому по аналогии с работой в Фотошопе найдите в интернете нужное изображение чуть большего размера, чем обложка и загрузите ее на сайт Канвы через функцию Мое – Добавить собственные изображения.

Скорей всего ваша картинка откроется в меньшем размере, чем сама обложка. Не волнуйтесь, ее можно увеличить, потянув за уголки левой кнопкой мыши.

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

Стоит уточнить, что сервис Canva условно платный, т.е. частью функционала вы можете пользоваться абсолютно бесплатно (там, где указано Бесплатно).

В Тексте вы можете выбрать определенный элемент и отредактировать текст уже в нем, или выбрать понравившийся вам шрифт

Только внимание! Большинство англоязычных шрифтов не поддерживают русские шрифты. Поэтому выбор, на самом деле, не так велик, как кажется на первый взгляд

Для примера я возьму элемент с текстом. Подробнее в видеоуроке ниже.

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

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

Результат примерно такой:

Чтобы сохранить готовую обложку, в верхнем правом углу нажмите на кнопочку Скачать.

Тип файла PNG – Скачать.

Выбираете папку на компьютере, и ваша обложка сохраняется в готовом виде. Все, что вам осталось, это загрузить ее в группу вконтакте. А как это сделать, читайте выше.

В ВК появился новый способ привлечения подписчиков в группу. Это реализуется через виджет приветствия. Как этот виджет работает, как его установить, как настроить, читайте в моей новой статье.

Сегодня мы разобрали тему, как создать обложку для группы вконтакте. В качестве дополнительного материала настоятельно рекомендую посмотреть видеоурок:

Основные параметры

Изображение – лицо сообщества. Именно оно первым попадается на глаза пользователю, открывшему паблик.

Аватарка может многое рассказать о публичной странице посетителю, привлечь его внимание, заставить задуматься

Чтобы сделать паблик привлекательным, увеличить охват аудитории, важно подобрать правильный размер аватарки для группы ВК:

• Он составляет 200 px на 500 px ;
• Пропорции соблюдаются в формате 1 к 2,5 ;
• Нужное разрешение – 72 пикселя на дюйм .

Только соблюдение установленных выше правил позволит подобрать идеальную аватарку для группы.

После установки изображение может растянуться и зарябить. Избежать потери качества можно!

• Советуем выбирать фотографии большего размера, но с соответствующим сохранением пропорций;
• Идеальный размер авы для группы ВК равен 400 на 1000 пикселей .

Запоминайте следующие параметры:

1. Размер аватара группы ВК в миниатюре составляет 200 px на 200 px ;
2. Пропорции соблюдаются 1 к 1 ;
3. Рекомендуемое разрешение аватарки группы ВК для миниатюры – 400х400 пикселей .

Не хотите устанавливать небольшую иконку аватарки на странице? Вы можете украсить паблик большим горизонтальным полотном, которое разместится в верхней части экрана. Пора поговорить об обложках!

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

Наполнение страниц сайта

Чтобы максимально повысить конверсию на сайте, стоит разместить на нем дополнительную информацию – подборки товаров, полезные статьи, отзывы довольных клиентов, множество фотографий товаров и другую важную для покупателя и принятия решения информацию.

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

Возьмем для примера небольшое сообщество, которое делает на заказ браслеты и серьги. После создания сайта на основе сообщества на первом экране появится заголовок и описание – это редактируемые поля. Там же – кнопка действия. Здесь это «написать ВКонтакте», способ выбрал владелец сайта.

Выигрышно смотрится на фоне товар из сообщества, если он красиво снят

На втором экране размещаются товары и услуги, которые предлагает этот бизнес. В данном случае это серьги, браслеты, подвески, комплекты. Чуть ниже – каталоги украшений, который есть в наличии на данный момент.

Фотографии продаваемых изделий выбираются в пункте «Подборка товаров»

Третьим экраном размещаются отзывы. Они тоже автоматически подгружаются из социальной сети. Все отзывы подписаны реальными людьми, есть дата и время, когда они были оставлены. Кроме того, можно открыть страницу пользователя в ВК, который оставил этот отзыв. Также можно кликнуть на отзыв и открыть его во ВКонтакте, чтобы просмотреть текст полностью.

По отзывам можно кликнуть и найти реальных покупателей, это повышает доверие к продукту

Последний экран – контакты. По левой стороне отражается карта города, где находится заведение/мастерская. Ее можно масштабировать при необходимости.

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

Реальная карта, где находится мастерская, полезные ссылки, которые помогают сделать выбор клиенту

Запуск бесплатного конструктора комментируют СММ-специалисты и руководители отделов. Например, так ее комментирует руководитель отдела SMB соцсети Дарья Костюк:

«Более 2 млн человек развивают свой бизнес в ВКонтакте. Мы продолжаем облегчать и удешевлять этот процесс для тех, кто ведёт дела онлайн».

Дмитрий Ковалев, специалист СММ и рекламы (сотрудник Яндекс.Деньги):
«Удобный инструмент для микробизнеса — самое то, когда нет бюджета, команды и времени».

Другой специалист дал развернутый комментарий по поводу новости. Вот что говорит Сергей Евсюков, ведущий smm-специалист креативного агентства RUPORT.

«На первый взгляд, появление конструктора сайтов — многообещающая новость. Готовый лэндинг у меня получился спустя 3 минуты после того, как я зашел со смартфона в соответствующий раздел в меню администратора.

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

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

Возможно, сайты ВКонтакте подойдут малому бизнесу, которому нужна красивая посадочная страница и не принципиальны ни вопрос тонкой настройки лэндинга, ни вопрос доменного имени. Наше агентство работает с крупными клиентами — для них этот функционал мы использовать не будем».

Создать аватар в онлайн конструкторе FaceYourManga

Далее загрузится редактор конструктора аватарок с панелью инструментов справа и холстом – слева, где отображаются результаты ваших действий. Панель инструментов разбита на категории: форма лица, бровей, глаз, рта, прически, одежду, аксессуары и т.д. В свою очередь каждая категория содержит подкатегории. И в каждой подкатегории есть богатый выбор форм лица, глаз, рта, носа и т.д. Я думаю, вы подберете подходящий для себя.

Как я и писал выше, аватар создается методом подбора элементов лица, одежды, аксессуаров и т.д. Выбрали категорию (например, лица – картинка головы), потом выбрали подкатегорию Shape (форма подбородка) и выбираем подходящий. Таким же образом уши (ears), глаза (eyes) и т.д. Для некоторых элементов есть свое подменю, например, глаза – можно изменить расстояние между ними, увеличить размер глаз и даже указать, куда будут смотреть глаза (влево, вправо или вниз). А на одежде можно написать слово (длина 6 символов и только латинскими буквами).

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

Вот таким образом можно бесплатно создать аватар для форума, чата, социальных сетей (ВКонтакте, Одноклассники) и самое интересное создать его похожим на себя. Тем самым удивите своих друзей. А при создании аватара с друзьями можно здорово и весело провести время.

Ссылка FaceYourManga.

Теги:

Интересное на сайте:

• Как найти похожую картинку, изображение или фотографию в интернете
• Сервис Turbologo – быстрое создание логотипа, фирменного бланка документа, обложки для соц.сетей
• Онлайн рисовалка для детей и не только
• Как быстро сделать постер или картинку с цитатой
• Как сделать черно-белое фото цветным
• Как создать логотип онлайн-2: обзор англоязычных сервисов

Суть

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

Теперь товары увидят все люди, которые ищут похожее в интернете. Больше не придется ограничиваться только пользователями ВК – сайт будет виден и для тех, кто не зарегистрирован во ВКонтакте. Главное условие – чтобы сообщество было открытым, это стоит проверить заранее.

Для этого нужно просто зайти в управление группой:

Заходим в меню «Управление сообществом»

В открывшемся поле смотрим на тип группы. Там должно стоять «открытая».

Проверяем, какой тип группы стоит. Он может быть открытым, закрытым и частным

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

Разработчики задумывают сайты так, чтобы они индексировались и попадали в выдачу так же, как и сообщества в ВК. Особенных возможностей для SEO пока не предусмотрено, поэтому выйти в топ, скорее всего, будет довольно сложно. Но если бизнес необычный, например, авторские украшения или изделия из кожи, аналогов которым нет в области, то попасть в топ будет легко.

Устанавливаем «шапку» сообщества

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

Указываем путь к фоновому изображению на жестком диске. Оно занимает необходимое нам положение в верхней части паблика.
После прочтения статьи даже у новичков не возникает проблем с тем как загрузить обложку в группе ВК. При этом вы самостоятельно создаете фон. А знание маркетинговых приемов позволяет подстраивать его под времена года, общественные мероприятия и мировые тренды, привлекая тем самым еще больше посетителей.

Размеры изображений LinkedIn

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

• .
• .
• .
• .
• .
• .
• .
• .

Фото профиля ЛинкдИн: 400х400

Загрузи квадратную фотографию, которая сохранит важное содержимое
после круглой обрезки. Фотография будет показана на странице аккаунта на фоне
обложки

Рекомендации:

• Минимум 400х400 пикселей.
• Можно загружать фотографии с разрешением до 20000х20000.
• Допустимый вес – 10 Мб.
• Форматы: JPG, PNG, GIF без анимации.

Фоновая картинка личного профиля ЛинкдИн: 1584х396

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

Рекомендации:

• Оптимальное разрешение – 1584х396.
• Допустимый вес файла 4 Мб.
• Форматы: JPG, PNG, GIF без анимации.

Логотип компании в LinkedIn: 300х300

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

Рекомендации:

• 300х300 – это минимальный и рекомендованный размер изображений.
• Максимальный вес файла 4 Мб.
• Форматы: JPG, PNG, GIF без анимации.

Имидж логотип компании в ЛинкдИн: 60х60

Когда пользователи ищут компанию, они видят также имиджевый
логотип на странице компании. Небольшая иллюстрация играет важную роль в
идентификации бренда пользователями.

Рекомендации:

• Рекомендовано 60х60 пикселей.
• Максимальный вес 2 Мб.
• Форматы: JPG, PNG, GIF без анимации.

Размер обложки компании на LinkedIn: 1536х768

Фоновое изображение бизнес-профиля занимает всю верхнюю
область сайта и перекрывается данными компании: логотип и основная информация.
Поэтому бренды могут обыграть фоновую картинку для создания увлекательной
страницы на LinkedIn.

Рекомендации:

• Минимум 1192х220 пикселей.
• Рекомендовано 1536х768 пикселей.
• Максимальный вес файла 4 Мб.
• В веб-браузере обложка отображается 1400х425
  пикселей.
• Форматы: JPG, PNG, GIF без анимации.

Размер баннера LinkedIn: 646х220

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

Рекомендации:

• Минимальное разрешение – 646х220. Так баннер
  отображается на странице.
• Максимальный вес баннера 2 Мб.
• Форматы: JPG, PNG, GIF без анимации.

Картинка поиска сотрудников на ЛинкдИн: 1128х376

Если компании срочно требуется новый сотрудник, она может
выставить крупное объявление, которое будет показано вверху страницы. Баннер привлекает
больше потенциальных сотрудников и украшает страницу компании.

Рекомендации:

• Минимальный и рекомендованный размер баннера –
  1128х376 пикселей.
• Максимальный вес файла 2 Мб.
• Форматы: JPG, PNG, GIF без анимации.

Медиа со ссылкой на ЛинкдИн: 1104х736

Если нужно подать ссылку в привлекательном виде, прикрепи к
ней яркую иллюстрацию. Также пользователи имеют возможность сразу сделать
репост картинки из другого ресурса.

Рекомендации:

• Максимальное разрешение – 1104х736.
• На сайте отображается с разрешением 552х289.
• Форматы: JPG, PNG, GIF без анимации.

Чтобы точно не ошибиться, смотри Справку LinkedIn.

Какие размеры для обложки

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

Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.

Если выберите изображение меньшего размера, то оно некрасиво будет отображаться на больших экранах компьютеров и ноутбуков. Такой размер больше подходит для телефонов и планшетов.

Но поскольку в социальную сеть Вконтакте пользователи заходят с различных устройств, как телефонов, так и компьютеров, тогда сразу лучше взять изображение большего размера.

Зачем нужны группы в ВК?

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

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

Какой должна быть правильная обложка для группы VK

Идеальный баннер для паблика ВК должен отвечать следующим критериям:

Оригинальность. Обложка — эта первое, что видят пользователи, заходя в группу. А, как известно, встречают по одёжке. Именно поэтому баннер обязательно должен быть не только привлекательным, но и креативным. Идеально, если в нем будет какая-то «вкусная» фишка, запоминающийся дизайн, интрига, игра слов

Всё это обязательно зацепит внимание юзеров, и они станут поклонниками страницы.
Модные тенденции. Баннер обязательно должен соответствовать современным представлением о стиле и красоте

Если креатив и фантазия — не Ваш конёк, обратитесь к элегантной классике. Главное — отказаться от шаблонов, избитых образов и «баянов», которые мгновенно покроют вековой пылью даже самый свежий паблик. Поиграйте с вышедшими недавно фильмами, последними событиями, мемами, героями интернет-мира и шоу-бизнеса. Как говорится, будь в тренде!
Психологические приёмы. SMM-специалисты разработали целый набор психологических «фишек», которые помогут привлечь внимание пользователей к группе с помощью обложки. К примеру, наибольшей эффективностью обладает изображение с человеком (людьми), смотрящими в сторону, где размещена важная информация.
Отсутствие спама. Навсегда откажитесь от размещения на баннере навязчивых призывов вступить в группу. Большинство пользователей проигнорируют такой паблик, даже если контент в нём отличается высочайшим качеством. Еще одна неудачная идея — это указание телефонного номера или ссылки на другой сайт. Это делает обложку похожей на дешевые промо-листовки. Авторы продающих пабликов могут разместить на обложке своё самое «горячее» предложение, которое гарантированно заинтересует настоящих и потенциальных клиентов.
Качественное изображение. Конечно, идеальный вариант — это лично сделанное профессиональное фото. Однако в большинстве случаев это невозможно. Чаще всего для обложки паблика выбирают готовые стоковые изображения, которые соответствуют ряду критериев. Они должны содержать эмоциональный, невербальный призыв к определенному действию, соответствовать целевой аудитории, а их цветовая гамма — создавать у пользователей приятно впечатление.
Оригинальный шрифт. Создавая заставку, не стоит зацикливаться на узнаваемых «вордовских» шрифтах. Фантазируйте, но не перегибайте палку — витиеватые трудночитаемые вязи пусть останутся в стороне. Остаётся добавить грамотные хэштеги, и идеальная обложка для группы ВК — перед Вами!

https://youtube.com/watch?v=Eu8wi2X5slA

Создание баннера для паблика VK требует времени, внимания и определенных навыков

Важно, чтобы выбранная картинка была уникальной, красочной и соответствовала предпочтениям целевой аудитории

IT-специалист и продвинутый пользователь ВК. Зарегистрировался в соцсети в 2007 году.

Как сделать обложку для группы ВК?

Я буду работать с графическим редактором Photoshop. Вы можете использовать любой другой.

Первым делом нужно подготовить рабочий файл. Создайте новый проект, и укажите для него размеры — 1590×400 px. В Photoshop это делается через меню «Файл — создать».

Давайте зальем рабочую область, чтобы было лучше видно.

Я сразу рекомендую выставить направляющие, чтобы выделить отступы и центральную часть.

Верхний отступ — 85 px. Значит направляющая должна быть горизонтальная. И положение у нее «85px». Отсчет идет сверху вниз.

Тоже самое и с боковыми отступами. Левый отступ — это вертикальная направляющая, с положением 197px.

Чтобы посчитать правый, нужно из общей ширины вычесть отступ — 1590 — 197. Получается 1303 px.

Выставляем направляющие, через меню «Просмотр», и пункт «Новая направляющая».

Теперь мы отчетливо видим центральную область, которая будет доступна на всех устройствах. Как я уже сказал ранее, желательно важные элементы помешать в центральные границы.

Макет файла

Дальше оставляю процесс на Ваше усмотрение. Добавляйте графику, текст и прочие элементы.

Когда закончите, нажмите Ctrl+Alt+Shitf+S, для сохранения обложки. Выберите расширение для файла — PNG или JPG. Затем сохраните обложку.

Сохраняем готовую обложку

Правильные размеры авы ВК

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

Вариант 1: Изображение профиля

Учитывая вышесказанное, в качестве фотографии профиля вы можете добавить совершенно любое изображение, не нарушающее общих правил ВКонтакте. Чаще всего используются личные фото, позволяющие другим людям без проблем идентифицировать вашу личность и упростить поиск в сети.

Правила оформления дизайна Вконтакте

Летом 2016 года разработчики социальной сети Вконтакте наконец-то удивили своих пользователей полностью обновленным дизайном. По правде говоря, завсегдатаи данного сайта восприняли свежее оформление весьма неоднозначно, в большей степени это касалось владельцев сообществ со слитой картинкой в качестве оформления (аватар+баннер). Расстояние между закрепленной новостью и аватаром увеличилось буквально вдвое, баннер заметно укрупнился и опустился ниже, а в качестве миниатюры сообщества теперь выступает не квадратная, а круглая область — все эти неловкие моменты доставили немало проблем людям, заказавшим и установившим дизайн для своих групп ранее. Единственным выходом в сложившейся ситуации оказалась переделка старого дизайна под новые требования с сохранением концепции.

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

Первый способ сделать свое сообщество продающим и привлекательным — это стандартная схема «аватар+баннер+меню».

Аватар

Аватар остался в размерах 200 на 500 пикселей (но все-таки лучше 400 на 1000 с запасом качества), хотя изначально при бета-тестировании нового дизайна рассматривался такой вариант размера как 200 на 300. Миниатюра теперь круглая, но если эту окружность вписать в квадрат, то его размеры будут 200 на 200 пикселей, как и было ранее.

Меню

В плане оформления меню и вики-разметки в целом ничего не поменялось. Я как и раньше использую ширину меню в размере 606 пикселей и любую величину длины. Для адаптивности на мобильных устройствах лучше верстать навигацию внутри таблицы — таким образом при просмотре на телефоне она просто пропорционально сжимается до размеров экрана. Но если вы создали навигацию, где пункты просто находятся один под другим, то этого можно и не делать — способ с таблицей необходим только для тех видов меню, где количество кнопок в строке больше одной. Вообще для удобства пользователей лучше не делать меню только в виде ссылок на материалы, а создавать вики-страницы со сложной структурой.

Если нужна единая картинка для оформления, то для начала залейте в какую-нибудь группу для экспериментов аватар и баннер в виде закрепленной новости

Перепишите все данные с сообщества-образца в свою группу: статус, название (это важно, т. к

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

Существует еще такой способ оформления, как «обложка+баннер+меню». Вообще можно оставить только обложку и вынести на нее всю самую важную информацию. Но аватар в любом случае должен быть поставлен: его не будет видно в самой группе, однако миниатюра сообщества будет браться именно с него. Оптимальный размер обложки составляет 1590 на 400 пикселей, а загрузить изображение можно при помощи команды «Управление сообществом» — «Обложка сообщества: загрузить».

Размеры изображений для дизайна вконтакте

• Аватар: 200 на 500 пикселей (качество 400 на 1000 пикселей);
• Миниатюра аватара 200 на 200px
• Баннер или размер закрепленной записи в группе: 1024 на 680 пикселей, но не менее 510px по ширине;
• Меню: ширина 606px;
• Обложка  1590 на 400 пикселей.

Вам будет интересно:

Основные шаги в раскрутке аккаунта в инстаграм

Как сделать обложку группы в Фотошопе

Сделать обложку группы можно в популярной программе Фотошоп. Для этого, зная тему сообщества, подберите по смыслу интересную картину в Интернете.

Внимание! Всегда ищите такие картинки, размеры которых чуть больше размера обложки!

Все дело в том, что если вы найдете картинки маленькие, для того, чтобы подогнать их под размер обложки, их придется растягивать. А от этого сильно ухудшится качество изображения.

Поэтому выбираете картинку, нажимаете на нее правой кнопкой мыши – Копировать изображение.

Далее идете в программу Фотошоп. Кстати, если вы новичок и не умеете работать с этой программой, советую изучить мой курс Как создать 3D обложку для инфопродукта. Здесь я показываю с самых азов, как работать в Фотошопе. Более того первый урок посвящен теме, где взять и как установить себе на компьютер данную программу.

В фотошопе выбираете Файл – Создать.

В открывшемся окне у вас должны быть выставлены следующие настройки:

• Имя файла
• Размер обложки для группы вконтакте: ширина 1590 рх, высота 400 рх
• Разрешение – 72 пикселы/дюйм
• Цветовой режим – цвета RGB 8 бит
• Содержимое фона – прозрачный.

Кнопочка Ок.

У вас появится заготовка вашей обложки. Теперь вам нужно нажать сочетание клавиш Ctrl+V. Таким образом, вы вставите картинку, которую скопировали из интернета.

Теперь внимание! Я уверена, что картинка по размеру оказалась больше, чем заготовка обложки. Ее нужно подогнать под размер 1590х490 рх.. Для этого в панели инструментов выбираем Редактирование – Трансформирование – Масштабирование

Зажимаем клавишу Shift, захватываем левой кнопкой мыши за уголок картинки и тянем к границам обложки. Вы увидите, когда вам нужно будет остановиться. Чтобы подтвердить действие, нажмите Enter

Для этого в панели инструментов выбираем Редактирование – Трансформирование – Масштабирование. Зажимаем клавишу Shift, захватываем левой кнопкой мыши за уголок картинки и тянем к границам обложки. Вы увидите, когда вам нужно будет остановиться. Чтобы подтвердить действие, нажмите Enter.

Основа обложки у нас готова. Теперь давайте на обложке пропишем название группы. Допустим, назовем ее в качестве примера Океан стихов.

Для этого в Фотошопе нам нужно создать новый слой. В нижней панели выбираем функцию Создать новый слой.

Слева выбираем Инструмент «Горизонтальный текст».

И на обложке для группы вконтакте выделяем область, где хотим разместить название группы. Теперь вам нужно определиться со шрифтом текста, размером и цветом. Все эти настройки находятся в верхней панели программы Фотошоп, когда активен инструмент «Текст». Подробности в видеоуроке ниже.

Прописываем название группы и нажимаем Enter.

Обычно в таком виде текст смотрится не очень красиво

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

Работать со стилями можно тогда, когда у вас выделен текстовый слой в панели.

Теперь, если вы не знаете, какой конкретный стиль можно применить к названию группы, просто методом подбора определите, что на данной обложке будет смотреться лучше всего. Здесь все дело во вкусе!

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

После всех манипуляций с надписью, если вас устроил результат: обложка для группы вконтакте готова, необходимо ее сохранить. Для этого выбираем Файл – Сохранить для Web.

Набор PNG-24 (правый верхний угол). Это  самый удачный формат картинок для социальных сетей.

Кнопочка Сохранить, и выбираете папку на компьютере, куда это необходимо сделать.

Итак, мы разобрали, как сделать обложку для группы вконтакте с помощью программы Фотошоп. Обложки для группы вконтакте онлайн можно легко создавать на сервисе canva.

Возможно, вам будет интересна следующая статья: 8 способов как вырезать объект в Фотошопе>>>

Делаем сайт в ВК: по шагам

Переходим в настройки сообщества. Находим пункт «Сайт из сообщества», кликаем на «Создать». Почти все, что есть в сообществе, автоматически перейдет на сайт. Далее потребуется заполнить поля «заголовок», «описание» и «кнопка действия».

С чего начинается создание сайтовПрописываются преимущества и выбираются товары для галереи

Ниже этих настроек есть две кнопки – «Сохранить» и «Предпросмотр». Первая сохраняет все изменения и создает сайт, а «Предпросмотр» открывает страничку с демо-версией сайта. Стоит воспользоваться ею, чтобы посмотреть, как будет выглядеть страничка.

После сохранения у сайта появляется свой адрес и статус «опубликован». В любой момент можно отредактировать сайт через группу в ВК или скрыть на время из общего доступа.

Ниже – статистика. Можно узнать:

• сколько пользователей открывали страницу;
• какое количество пользователей уникальны;
• кто из пользователей активен;
• сколько человек смотрели вкладку «контакты»;
• кто перешел в сообщество;
• сколько человек нажали кнопку действия.

Удобно — статус сайта всегда можно посмотреть, есть статистика за разные периоды времени

На фоне будет стоять то изображение, которое выберет пользователь. Но если у него пока нет подходящего интересного фото, которое отражало бы суть бизнеса – пригодится стандартный градиент. Такой фон не отвлечет покупателей и не будет сбивать их с толку.

Вот так выглядит обложка-градиент

Как установить Живую обложку для сообщества ВКонтакте?

Чтобы установить живую обложку для сообщества выберите пункт Управление в правой части экрана. Откроется меню Настройки. В блоке Основная информация найдите пункт Обложка сообщества и кликните на активную ссылку добавить/управлять. В отрывавшемся блоке можно установить стандартную обложку и живую обложку для мобильного приложения ВКонтакте.

Для установки живой обложки из изображений рекомендуется загружать до 5 изображений в разрешении 1080 × 1920 pixel.

Рекомендации от TargBox SMM ВКонтакте — размер видео 1080 × 1920 pixel не более 30 сек, контейнер mov, кодек H.264, аудиокодек ACC. Для загрузки изображений мы всегда рекомендуем использовать разрешение больше указанного, но в данном случае нужно придерживаться рекомендованного размера 1080 × 1920 pixel в противном случае изображение обрежется автоматически.

Как добавить обложку ВКонтакте

Как добавить обложку ВКонтакте

Желаем Вам успехов в освоении новых инструментов ВКонтекте. А если у Вас возникнут сложности или вопросы команда TargBox всегда рады Вам помочь.

Размеры картинок для Tumblr

Площадка микроблогов Tumblr не предусматривает разнообразие размеров визуального контента. Чтобы делать записи в Tumblr, нужно зарегистрироваться и создать микроблог. Микроблогов может быть несколько, именно в них можно загрузить аватар, обложку профиля.

— Аватар: минимум 128 х 128 рх.

— Обложка профиля: оптимально 3000 х 1055 рх.

Интерфейс микроблога, куда можно добавить аватар и обложку профиля

— Изображение поста: не принципиально, оптимально 500 х 750 рх.

Tumblr работает так: в ленте отображаются посты / новости, которые опубликовали или перепостили ваши друзья, интересные вам микроблоги.

Вид ленты в Tumblr

Через сервис также можно делать анимированные посты формата GIF, до 540 рх по ширине, весом до 3 МБ; и видеопосты формата MOV и MP4, весом до 100 МБ.