Размеры аватарки для группы вконтакте: Размер аватарки для группы ВК 2020

Команда Лайкни

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

Сохраняйте в закладки, делитесь с коллегами!

ВКонтакте

Размер аватара для сообщества:

Размер миниатюры аватара – 200х200 pх.
Минимальный размер целого аватара – 200х500 px.

Обложка сообщества для полной версии сайта – 1590х400 рх.

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

• В мобильной версии и приложениях отображается только часть обложки размером 1196х400 рх.
• При создании обложки учитывайте также элементы интерфейса мобильного телефона и сделайте соответствующие отступы – 85 рх сверху и 140 рх по краям.
• При несоблюдении пропорций ВКонтакте автоматически обрежет обложку.

Размер изображений для постов:

• Минимальный размер квадратного изображения – 510х510 рх.
• Для прямоугольного изображения рекомендованное соотношение сторон 3:2.

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

Размер обложки для статьи – 510х286 pх.

Учитывайте, что часть изображения закроет текст заголовка и кнопка «Читать».

Пример изображения обложки для статьи в сообществе (источник: руководство «ВКонтакте для бизнеса»)

Живая обложка для группы:

• Это та же шапка, только в формате видео.
• Размер full hd видео – 1080х1920 px.
• Формат MP4 (кодек h364 aac).
• Размер до 30 Мб.

Размер обложки сниппета для внешней ссылки – 537х240 рх.

Пример изображения со ссылкой (источник: руководство «ВКонтакте для бизнеса»)

• Изображение к ссылке можно изменить, кликнув по иконке с камерой.

Размер обложки для фотоальбома – 1200х800 рх.

• В мобильной версии нижняя часть обложки будет отображаться меньше на 200 рх.

Размер изображений для витрины товаров – 1000х1000 px.

Размер видеозаписей для сообщества – не менее 1280х720 рх.

• Максимальный объем загружаемого файла – 5 ГБ.
• Для сохранения высокого качества видео, загружайте записи с размером не менее 1920×1080 рх.

Форматы видео: AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS.

Размер фото и видео для историй, в том числе рекламных:

• Размер для фотографий – 1080х1920 рх.

• Используйте фото и видео вертикального формата.

Технические характеристики для видеозаписей:

• до 15 секунд;
• не больше 10 МБ;
• кодек h.264;
• звук AAC.

Форматы изображений: JPG, GIF или PNG.

Во ВКонтакте несколько рекламных форматов, и для каждого из них свои размеры.

Реклама в ленте ВКонтакте:

• Кольцевая галерея/карусель – квадрат не менее 400х400px. Можно загрузить от 3 до 10 карточек;
• Изображение для записи с кнопкой – прямоугольник не менее 537х240px;
• Изображение для универсальной записи – можно загрузить до 10 прямоугольных или квадратных изображений. Строгих требований к размерам нет;
• Изображение к универсальной записи со ссылкой – 510х510 px, либо прямоугольник не менее 537х240px;
• Реклама сайта – прямоугольник с соотношением сторон 16:9 не менее 1080×607 px. Для логотипа понадобится картинка не менее 256 px.

Реклама для размещения в левой части полной версии ВКонтакте и на сайтах партнеров:

• Приложения и сайт – 145х165px для большого изображения, 145х85 для маленького.
• Сообщества – не менее 145х145px.

Дополнительную информацию по загрузке фотографий можно найти в разделе Помощи Вконтакте.

Одноклассники

Размеры аватара:

• Размер миниатюры – не менее 190х190 px.
• Оптимальный размер – 288х288px
• Максимальное разрешение файла – 1680х1680 px.
• Фотография профиля в Одноклассниках имеет квадратную форму. 

Размер обложки в Одноклассниках – 1944х600 px.

• «Безопасная зона», чтобы сохранить содержимое обложки на разных устройствах – 980х240 px от середины картинки.
• Закрепив обложку в альбом, пользователи смогут комментировать ее.

Размер картинки поста в Одноклассниках – 780х585 px.

• Максимальное разрешение – 1680х1680 px.
• Обложка для мобильной версии (ее можно загрузить отдельно) – не менее 1024х768 px.
• Соотношение сторон – 4:3
• В новостной ленте пост отображается размером 548х411 px.
• В раскрытом состоянии размеры изображений – 780х585 px.
• Можно загружать квадратные, вертикальные и горизонтальные изображения. Стороны картинки масштабируются до граничных показателей.

Реклама:

Рекламные форматы для продвижения страниц и групп в Одноклассниках 

• тизер – не менее 90х75px и не более 60Кб. Располагается в правой и левой колонках в полной версии сайта;
• баннер – 240х400px, не более 60Кб. Отображается в правой части сайта на ПК;
• мультиформат – несколько изображений не менее 256х256, 1080?607, 600х600px;
• карусель – от 3 до 6 карточек размером 600х600px.

Рекламные форматы для продвижения игр в Одноклассниках (источник: ОК-Медиакит-2019)

• продвижение игр: баннер 128х128 px в разделе «Игры для вас»
• Размер файла для рекламного объявления – не более 150 Кб.

Форматы изображений: GIF, JPG и PNG.

Facebook

При создании визуального контента учитывайте, что картинки в Facebook по-разному отображаются в Хронике (Timeline) и в новостной ленте друзей.

Размер изображений на бизнес-странице Facebook

Размер фотографии бизнес профиля – 180х180 px.

• Фото имеет круглую форму.
• На компьютере фото отображается в формате 170х170, на смартфоне – 128х128, на кнопочном телефоне – 36х36, миниатюра – 32х32 px.

• Длинные логотипы брендов также обрезаются по форме квадрата.

Размер обложки страниц – 820х312 px.

• Картинка обложки показывается только на странице профиля.
• Минимальный размер обложки – 400х150 px,
• Фото обложки отображается в формате 820х312 px на десктопе и 640х360 на смартфоне.
• Маленькие изображения растягиваются, теряя в качестве.

Форматы изображений: sRGB и JPG размером менее 100 килобайт.

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

Размер картинки для поста – не менее 1200х630 px.

• В новостной ленте иллюстрация масштабируется до ширины 470 px.
• На странице профиля масштабируется до ширины 504 px.

Размер изображения со ссылкой – 1200х628 px.

• Картинки квадратной формы показаны с разрешением 154х154 px в ленте и 116х116 px в профиле.
• Картинки прямоугольной формы показаны с разрешением 470х246 px в ленте и 428х252 px в профиле.

Выделенное (Highlighted) изображение в профиле – 1200х717 px.

• В Timeline отображается с разрешением 843х504 px.
• Рекомендуем использовать изображения с большим разрешением, сохранив масштаб.

Размеры обложек событий – 1920х1080 px.

• Обложка отображается с разрешением 470х174 px.

Реклама

Размеры изображений для всех мест размещений в Facebook:

• лента новостей – не менее 254х133px;
• истории – не менее 500х889px. Идеально – 1080?1920px;
• Audience Network: нативная, баннерная и межстраничная реклама – не менее 254?133px;
• моментальные статьи – не менее 254х133px;
• Marketplace – не менее 254х133px;
• истории в Messenger – не менее 500х889px;
• кольцевая галерея – 1080х1080px.

Смотрите также «Рекомендации по выбору соотношения сторон» в Справочном центре Facebook для бизнеса.

Instagram

Размер изображений на странице Instagram

Размер аватара в профиле – 110х110 px.
Размер фото в постах – 1080х1080 px.

• загруженные фотографии представлены в виде квадратных миниатюр на странице, на которых также должно быть четко видно содержимое поста.
• Фотоконтент отображается с разрешением 612х612 px.
• В новостной ленте фото отображается в размере 510х510 px.
• Миниатюра поста составляет 161х161 px.
• Для прямоугольных фотографий (портретных) лучше выбрать разрешение 1080х1350 px, либо сохранить соотношение 4:5.

Размер Сторис – 1080х1920 pх.

• В Instagram Сторис можно загружать как вертикальные, так и горизонтальные изображения с соотношением сторон от 9:16 до 1.91:1.
• Для вертикальных картинок в историях рекомендован размер 1080х1920 px.
• Размер фото в Сторис позволяет делиться личными фото во весь рост или большими объявлениями с текстом.
• Минимальный размер фото или видео для Сторис – 600х1067 px.
• Пропорции 9:16.
• Допустимый вес файла – 4 Гб.

Картинка для обложки IGTV – 420х654 px.

• Рекомендуется использовать изображения с соотношением сторон 1:1.55.

Реклама в Ленте Instagram и вкладке «Интересное»

• Квадрат: от 600х600 до 1936х1936 px (соотношение сторон – 1:1).
• Альбомная ориентация: от 600х315 до 1 936х1 936 px (соотношение сторон – 1.91:1).
• Вертикальный формат: от 600х750 до 1 936х1 936 px (соотношение сторон – 4:5).
• При создании объявления можно обрезать изображение во встроенном редакторе.

Youtube

Размер изображений на странице Youtube

Размер аватара канала – 800х800 px.

• Youtube сжимает изображение до 98х98 px.
• Форматы: JPG, BMP, PNG и GIF-файлы без анимации.

Размер изображения шапки канала: 2560х1440 px.

• Область картинки, содержимое которой будет отображено на любом устройстве – 1546х423 px от центра изображения.
• Максимальный вес файла – 4 Мб.
• Форматы: JPG, GIF, BMP или PNG.
• На ПК шапка отображается с разрешением 2560х423 px, на планшете – 1855х423 px, на смартфоне – 1546х423 px, на TV – 2560х1440 px.

Картинка для обложки альбома: от 1400 x 1400 до 4098 x 4098 px

• Соотношение сторон – 1:1
• Вид обложки зависит от типа устройства, на котором просматривается канал.
• YouTube рекомендует загрузить одно изображение размером 2560х1440 px и учитывать, что «безопасная зона», при размещении в которой ваш текст или логотип не будет обрезан – 1546х423 px по центру изображения.

Размер видео (Full HD) – не менее 1280х720 px.

• Соотношение сторон видеоролика – 16:9.

Превью видео – 1280х720px.

• Превью видео – это изображение, которое показывается при предпросмотре.
• Допустимые форматы – JPG, GIF, GMP или PNG.

Реклама на Youtube

• Медийные объявления – 300х250 px или 300х60 px.

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

• Оверлеи – 468х60 или 728х90 px.

Полупрозрачные оверлеи появляются в нижней части (20%) окна просмотра видео.

Twitter

Размер фото профиля – 400х400 px.

• Фото отображается круглой формы, разрешением 200х200 px.
• Допустимый вес файла – 2 Мб.
• Форматы: JPG, PNG и GIF-файлы без анимации.

Размер шапки Твиттера – 1500х500 px.

• Максимальный вес файла – 5 Мб.
•  Соотношение сторон 3:1.
•  Форматы: JPG, PNG и GIF без анимации.

Размер фото поста в Твиттере – не менее 440х220 px.

• Все фото и картинки для Твиттера нужно центрировать по горизонтали.
• Максимальное разрешение изображения – 1024х512 px.
• Разрешение в ленте – 506х253 px.
• В один твит можно загрузить до 4 изображений.
•  Максимальный вес файла 5 Мб для мобильной версии и 15 Мб для десктопной.

Реклама в Twitter

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

Pinterest

Все загруженные иллюстрации и фото называются пинами (pin).

Размер изображений на странице Pinterest

Размеры аватара – 165х165 px.

•  Если зарегистрироваться на Pinterest через Facebook или Twitter, сервис скопирует фото профиля на аккаунт Пинтерест.

Обложка доски

• Рекомендуемый сайтом размер – 200х200px, но лучше брать 600х600 или 800х800px.

Размеры пина – 1000х1500 px.

· Минимальное разрешение 600х900 px.

· Оптимальное соотношение сторон 2:3.

· На странице профиля и в поисковой выдаче пин имеет ширину 236 px. Высота масштабируется.

• Допустимый вес файла 10 Мб.
• Форматы: JPG и PNG.

Рекламные пины с приложением имеют те же характеристики, что и обычные пины. Приложение также можно рекламировать с помощью стандартного видео.

Рекламные пин-карусели

• Количество изображений в пин-карусели: от 2 до 5.
• Тип файла: PNG или JPEG.
• Максимальный размер файла: 32 МБ на одно изображение
• Соотношение сторон: 1:1 или 2:3.

LinkedIn

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

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

Размер изображений на странице Linkedin

Размер аватара бизнес-профиля компании – 300 x 300px (не более 4 мб).
Размер фоновой обложки компании – 1536х768 px (не более 4 мб).

• Минимальный размер обложек на странице – 1192х220 px.
• Имидж логотип компании – 60х60 px.
• Форматы: JPG, PNG, GIF без анимации.

• Соотношение сторон 1.91:1.

•  Вес файла не более 2 мб

Изображение для поиска сотрудников – 1128х376 px.
Обзорное изображение – не менее 360х120 px.

• Это изображение появляется, если включен параметр «Карьерные страницы» (Career Pages) за определенную плату.

· В ленте изображение сжимается до 520х272 px.

• Эти фотографии отображаются, при включенном параметре «Карьерные страницы» – за определенную плату.
• Разрешены форматы PNG или JPEG.
• Изображение Hero – не менее 1128х376 px.

Также можно вставлять видео на YouTube.

• Изображения «настраиваемые модули» – не менее 502х282 px.
• Фотографии компании – 900х600 px. Минимум: 264х176 px.

как сделать привлекательный дизайн сообщества Вконтакте

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

Оформление шапки профиля

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

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

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

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

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

Гифка и аватар одним изображением — автоматически проигрывающаяся гифка составляет единую композицию с изображением на аватаре сообщества. Такой вариант выигрышно смотрится на десктопных версиях. Здесь не обязательно нужна информационная составляющая. Данный способ оформления выбирают скорее для придания странице «изюминки».

Навигационное меню

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

• Зайти в сообщество.
• На основной странице выбрать «Меню» и нажать кнопку «Настроить».
• Создать кнопку, нажав «Новая ссылка».
• Загрузить обложку, картинку, которая будет отображаться в графе меню.
• Дать название кнопке.
• Установите ссылку.
• Сохранить внесенные изменения.
• Повторить приведенный алгоритм действий для каждой кнопки навигации.

Такое меню называют открытым. Оно достаточно простым и рассчитано небольшое количество пунктов меню.

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

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

Также не стоит забывать о миниатюре аватара и при его создании придерживаться нескольких правил:

• Шрифт должен быть достаточно крупным и читабельным и не выходить за пределы миниатюры.
• Изображение должно быть различимо и узнаваемо.
• Желательно, не использовать стоковые изображения, поскольку они могут встречаться в других группах и тем самым уменьшают доверие.
• Лучше избегать монохромных аватаров, так как они могут теряться на фоне более ярких конкурентов.
• Самый популярный стиль для аватара на данный момент — минималистичный, простой и понятный.

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

Чтобы страница стала эффектной и функциональной можно создать слитный аватар и меню. Для этого потребуются минимальные познания Adobe Photoshop или других типовых фоторедакторов. Необходимо:

• Открыть изображение, которое хотим использовать в меню, в фоторедакторе.
• Скопировать изображение и вставить так, как бы хотели его разрезать.
• Добавить графические элементы, текст.
• Выбирать инструмент «Раскройка» и нажать на кнопку «Фрагменты по направляющим».
• Удалить лишние фрагменты и подредактировать уже имеющиеся
• Сохранить получившиеся изображения и загрузить на страницу группы.

Закрепленный пост

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

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

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

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

Оформление постов

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

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

Описание сообщества

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

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

Вконтакте позволяет красиво и целостно оформить текст. Чтобы избежать огромных полотен буквенных ссылок, при оформлении текста принято прятать их в текст. Делается это с использованием знаков, таких как «@» и «*» или при помощи «горячих» клавиш Ctrl+k.

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

При оформлении страницы важно помнить все актуальные размеры изображений «Вконтакте», ниже приведен перечень размеров, которых нужно придерживаться:

Секреты оформления

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

Далее хотим поделиться удачными примерами красивого оформления группы VK:

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

Узнайте больше о нашем подходе к SMM

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

Евгения Крюкова

*Обновление статьи.

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

Актуальные размеры изображений «ВКонтакте»

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

А теперь давайте более подробно по каждому пункту.

Размер аватара ВК

Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:

Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.

Покажу на примере.

У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.

Обложка

Размер обложки для полной версии сайта — 1590 на 400 пикселей.

Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:

Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.

Прикрепленные изображения

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

Звучит слегка запутано:) Поэтому покажу на примере.

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

А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:

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

Изображения к постам со ссылкой

Все эти данные берутся из кода разметки Open Graph :

Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:

Либо загрузить свое:

Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.

Картинка для статьи, созданной в редакторе

Размер изображения для обложки статьи, созданной в редакторе, — 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.

Хороший пример:

Не очень хороший пример:

Размер фото и видео для историй

Размер для фотографий — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.

Технические характеристики для видеозаписей:

• до 15 секунд;
• не больше 5 МБ;
• кодек h.264;
• звук AAC.

В историях необходимо использовать фото и видео вертикального формата.

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

Примеры динамических обложек:

Обложка + описание сообщества + ссылка на сайт

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

Описание с хэштегами

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

Закрепленный пост, рассказывающий, о чем страница

Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:

А вот что видит пользователь после того, как он кликнет по ссылке:

Новое меню ссылок

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

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

Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:

Чтобы добавить пункт меню, нажмите «Новая ссылка».

В раскрывшемся окошке выберите обложку (минимальный размер – 376х256 px), введите название пункта меню (важно уложиться в 20 символов с пробелами), добавьте ссылку и нажмите «Сохранить».

Если вы хотите скрыть приложение из меню, поменять его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно делать с остальными ссылками, которые добавлялись вручную и требуют корректировки.

На выходе должно получиться что-то вроде этого:

Меню группы открытое

Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.

Вот как выглядит закрепленный пост в шапке страницы Flatro:

Меню группы закрытое

Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».

А вот что мы видим, когда кликаем по нему:

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

Слитное меню для группы

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

Хотите красиво оформить свое сообщество «ВКонтакте», но нет необходимых навыков? Закажите оформление в нашей компании. Подготовим для вас аватар, обложку, шаблоны для рубрик, меню и превью товаров.

Гифка и аватар одним изображением

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

Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность:)

Скрытое меню

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

Автоматически воспроизводимое видео

В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

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

Запись, которая получает много репостов

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

Анонсы новых клипов, альбомов, мероприятий

Презентация новых товаров/услуг

Скидки и акции

Кейсы, отзывы клиентов

Реклама приложения

Розыгрыши

Правила сообщества

Ссылки на другие соцсети

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

Каким должен быть аватар

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

Миниатюра аватара

1. Текст на миниатюре аватара должен быть достаточно крупным, чтобы его можно было прочитать.







2. Текст не должен выходить за пределы миниатюры.







3. Пользователям должно быть понятно, что изображено на аватарке.







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




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







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

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

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

Какую информацию можно разместить на миниатюре аватара

Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:

Анонс нового продукта/услуги/события

Преимущества компании/сервиса/страницы

Номер телефона компании

Выгодные цены

Бесплатная доставка

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

Акции

Конкурсы

Вакансии

Каким должен быть сам аватар?

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

1. Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
2. Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:




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




Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.




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




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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон/адрес/время работы

Конкурсы/акции

Самые покупаемые товары/новинки

Информация о доставке

Реклама мобильного приложения

Главные преимущества компании/страницы/товара и т. д.

Обновление ассортимента/новое творчество и т. д.

Информация о том, что ваше сообщество является официальным

Информация о предстоящих мероприятиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Хвасты

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

Как создать слитные аватар и меню

Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.

1. Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
2. Откройте изображение, которое вы хотите взять в качестве основы.
3. Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.

1. Добавьте эффекты, текст, графику и т. д.

1. Если вы не хотите, чтобы терялась часть изображения (в том пробеле, который составляет 50 пикселей), сдвиньте ее вправо так, как показано на следующей гифке:

1. Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».

1. Удалите лишние фрагменты (правый щелчок мыши – «Удалить фрагмент») и подредактируйте уже имеющиеся (правый щелчок мыши – клик в пустое место – берем нужную область и растягиваем ее до нужного размера).

1. Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».

1. Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.

P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:

Как использовать виджеты

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

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

class=»incut»>

Как оформить изображения к постам

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

Кстати, обратите внимание, почти все известные компании «ВКонтакте» брендируют свои изображения, т. е. добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность.

Где взять хорошие изображения?

У нас в блоге есть хорошая статья на эту тему – « ». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.

А что делать тем, кто не умеет работать в «Фотошопе»?

Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:

1. Fotor.com

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

Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.

Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.

Как пользоваться вики-разметкой

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

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

Точно также как у WordPress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:

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

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

5 шагов, как оформить группу в Контакте

Обложка

Обложка сообщества сегодня – важный инструмент оформления группы в Контакте бренда и её продвижения. Загрузить её можно в разделе ”Управление сообществом”, перейдя во вкладку “Настройки”. Высококлассное горизонтальное изображение в самой шапке сообщества играет роль главного промо-баннера компании в соцсети. Она задает настроение, информирует, повышает имидж, призывает к целевым действиям, продает одновременно.

1. Используйте иллюстрации высокого качества

Обложка сообщества вконтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png. Так удастся избежать некачественного отображения.

2. Адаптируйте изображение под разные устройства

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

3. Разместите слоган и УТП

Пусть вашу философию а также преимущества клиент видит с первого экрана.

4. Отобразите товар/услугу, процесс или результат его использования

Так потенциальный заказчик сразу узнает, на чем вы специализируетесь и будет вовлечен в продукт.

5. Помогите клиентам сразу связаться с вами

Напишите на баннере телефон, e-mail, а также другие контакты компании. Если для вашего бизнеса важно территориальное расположение, например, вы представляется сферу общественного питания или horeca, адрес тоже будет не лишним.

6. Анонсируйте события

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

7. Презентуйте акции и скидки

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

8. Предлагайте совершить целевое действие

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

Загрузите аватар и выберите миниатюру

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

При использовании максимального размера аватара 200х500 пикселей размер картинки в закрепленной записи необходимо сделать размером 510х308 пикселей. Отличный вовлекающий прием – закрепление загруженного через плеер соцсети видео, которое стилистически продолжает аватар.

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

Правила оформления ВК миниатюры аватара сообщества

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

1. Миниатюра должна быть понятна аудитории

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

2. Пускайте в ход только качественные фотографии

Лучше загрузить исходник в 2-3 раза больше требуемого размера, так о жутких пиксельных “квадратиках”, которые выставляют вас не в лучшем свете, можно будет забыть.

3. Разрабатывайте собственные иллюстрации

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

4. Контрастные фону страницы картинки – то, что нужно

При оформлении ВК миниатюр так броско, “кругляшок” выделится в ленте среди других групп и не сольется с фоном страницы.

5. Разместите контакты или УТП компании

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

6. Сделайте текст крупным и читабельным

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

7. Применяйте нестандартные формы

Например, в искомый круглый шаблон впишите многоугольник или другую геометрическую фигуру на белом фоне. Создайте эффект непрочитанного уведомления или графический значок “в сети”.

Разработайте меню

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

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

Разработайте витрину товаров

Размещая товары в витрине сообщества, помните, что пользователям всегда видны первые 3 объекта. Поместите в них самые популярные и наиболее заказываемые, загружая презентационное изображение в едином стиле. Опубликуйте здесь единообразные иконки или фотографии самих продуктов.В товары можно разместить услуги. В дизайне покажите процесс оказания услуги или ее результат. Размер такой картинки будет квадратным – 400х400 пикселей.

Оформление постов

1. Используйте доступные размеры изображений в полную силу

Максимальная ширина картинки в ленте – 510 пикселей. Наиболее эффектно смотрятся квадратные изображения 510х510 пикселей и прямоугольные – 510х300 пикселей.

2. Разработайте индивидуальный стиль постов

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

3. Размещайте короткий текст на картинке

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

4. Сделайте несколько шаблонов для разных целей

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

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

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

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

1. Горизонтальная обложка (шапка)
Начнем, пожалуй, с горизонтальной обложки или шапки. Разработчики ВКонтакта уверяют нас, что обложка за счет своего размера дает большую маневренность по предоставлению и визуализации информации. Обычно, помимо красивой картинки в шапке располагается логотип, сопроводительная информация, контакты, призыв вступить в группу, адрес сайта. У меня есть подозрение, что когда-нибудь обложки станут единственно возможным вариантом оформления группы, поэтому рекомендовала бы сразу переходить на них, дабы избежать форсмажорных редизайнов впоследствии.

Как загрузить обложку
Чтобы загрузить обложку, нужно перейти в Управление сообществом >> блок Основная информация >> Обложка сообщества >> Загрузить. Рекомендуемый размер обложки 1590×400 пикселей. В шапке не может быть никаких рабочих кнопок, на которые можно нажать — по сути это картинка и все. На сегодняшний день обложка видна на мобильных устройствах, и вроде бы уже видна в приложениях и клиентах.

Wiki вкладка Свежие новости
В верхнем блоке под шапкой теперь могут находиться три вкладки: закреплённая запись, информация о сообществе и wiki-меню (только в группах, на публичных страницах такой вкладки нет). Акцент по-прежнему делается на закреплённую запись, однако даже при её присутствии пользователь теперь всегда будет иметь доступ к информации о сообществе, переключаясь по вкладкам. Чтобы появилась вкладка wiki-меню (она изначально называется Свежие новости), нужно перейти в Управление сообществом » Разделы » Материалы » Ограниченные (или Открытые) » Сохранить.

2. Вертикальный аватар
Теперь обратим внимание на старый добрый аватар для группы размером 200х500 пикселей. Пока он также является способом оформления группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, призыв вступить в группу. В мобильных устройствах весь аватар не виден, видна только его часть — миниатюра. Для оформления группы можно использовать либо горизонтальную шапку (обложку), либо вертикальный баннер. При наличии шапки вертикальный аватар не виден. На аватаре не может быть никаких рабочих кнопок, на которые можно нажать — по сути это картинка и все.

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

Как загрузить миниатюру
Миниатюра стала вполне себе самостоятельным элементом и при использовании обложки (шапки) в оформлении группы, теперь приходится делать отдельно миниатюру, имейте в виду. Если в группе нет шапки (обложки), то для загрузки миниатюры нужно в блоке аватара (справа вверху) нажать «Загрузить фотографию». Если же в оформлении присутствует шапка (обложка), то для загрузки миниатюры нужно нажать на кружочек сразу под шапкой и там уже выбрать пункт «Загрузить фотографию».

4. Баннер
Баннер (англ. banner — флаг, транспарант) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется в виде картинки к записи и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что на главной странице с баннера можно сделать несколько ссылок. Это не так, только одна ссылка и все. Я бы выделила следующие виды баннеров.

4.1 Баннер информационный
Распространенный вид баннера, содержащий общую информацию о фирме, группе, услуге или мероприятии с развернутым перечнем преимуществ и прочими сопроводительными материалами. Часто используется как закрепленная запись в группе. Размер такого баннера 510х307 пикселя. При таком размере баннер по низу совпадает с аватаром. Если нет связки с аватаром, то можно использовать любые размеры. Я, например, использую размер 600х350 пикселей. Также удобен и набирает популярность сейчас формат квадрата 510х510 пикселей — при таком размере баннер занимает максимально большую площадь в новостной ленте.

4.2 Баннер для входа во внутреннее меню
Если в баннер из предыдущего пункта добавить броскую надпись «Открыть меню», то мы получим баннер, основная задача которого служить точкой входа во внутреннее меню. Иногда делают обманку в виде нескольких кнопок на баннер, но это иллюзия, при нажатии пользователь все равно попадает на внутреннюю станицу, а там уже каждая кнопка имеет свою собственную ссылку. Размер такого баннера 510х307 пикселя. При таком размере баннер по низу совпадает с автаром. Если вход в меню не завязан с аватаром, то можно делать любые размеры баннера, хоть узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не меньше 510 пикселей.

4.3 Карточка для репоста, акции
В последнее время особую актуальность приобрели карточки для репостов или акций. Ее задача — призыв к конкретному действию. В основном это «Вступи в группу, сделай репост или поставь лайк и выиграй приз». Такие баннеры используются в рамках рекламных компаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую размеры 600х350 пикселей.

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

5. Конструкция аватар+закрепленный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и закрепленного баннера была самым популярным способом оформления групп. Более подробно о том, как делать такое оформление, расписано в уроке . С появлением шапки (обложки), возможно, популярность такого оформления слегка уменьшится.

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

6. Внутреннее навигационное меню
Меню в виде активных ссылок располагается на внутренней странице ВКонтакта и пишется с помощью команд wiki разметки. О том, как создать саму внутреннюю страницу расписано в уроке . С помощью меню пользователь осуществляет навигацию по группе. Ниже вы рассмотрим виды внутреннего меню, а пока остановимся на нескольких важных пунктах.

Точки входа во внутренне меню
Хочу отметить один тонкий момент, которому частенько не придают значения. Иногда клиенты заказывают у меня внутреннее меню, но при этом абсолютно не представляют, как пользователь попадет в это самое внутреннее меню. А попасть в него можно двумя способами: либо через закрепленный баннер (см. пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой статуса (см. рисунок ниже). Иногда еще текстовую ссылку располагают в блоке «Ссылки» в правом столбце интерфейса.

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

Ссылки на альбомы с фотографиями и видео открываются в новом окне. Ссылки на топики с обсуждениями (например Отзывы), на диалоговое окошко для написания сообщений, на приложения (см. пункт 10), на выборку по хештегам (см. пункт 12) открываются в том же окне и в данном случае попасть обратно в меню можно только через главную страницу сайта, либо через кнопку «Назад» в браузере. Это, пожалуй, самый неудобный момент при таких ссылках.

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

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

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

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

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

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

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

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

Актуальные требования к изображениям Вконтакте

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

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

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

• Аватар должен быть не менее 200х200 пикселей. Параметры можно увеличивать до 7000 точек с каждой стороны – в этом случае ошибка при загрузке не высветится, но при отображении кусок картинки будет обрезан. Оптимальное соотношение сторон для аватара – 200х500 пикселей (2:5).
• Полносайтовый размер обложки – 1590х400 пикселей. При просмотре с мобильных устройств отображается только 1196х400 пикселей, то есть вся стратегическая информация должна уместиться в эти рамки, если вы хотите, чтобы ее увидели пользователи с мобильного.
• Изображения в ленте лучше приводить к размеру 510х510. Ориентация – квадратная или альбомная (горизонтальная). Учтите, что при альбомной ориентации (чем меньше высота) картинка выглядит немного мельче. Это не критично, но за идеал стоит взять квадрат.
• Изображения, которые подтягиваются со ссылкой, берутся из кода разметки или из самой статьи (если изображений несколько, можно выбрать) или грузятся прямо с рабочего стола. В последнем случае разрешение картинки – 537х240 пикселей.
• Когда вы создаете статью в редакторе, выбирайте изображение 510х286 пикселей. Фон и надпись должны контрастировать, чтобы пользователь мог легко прочитать название. Блеклые или слишком кислотные заголовки снижают открываемость ссылок, каким бы сильным ни был контент.
• Дальше – Истории. Фото – 1080х1920, видео – 720х1280. Оба, как видно, должны иметь вертикальное расположение. Вес видео не может превышать 5 Мб, а длительность – 15 секунд. Дополнительные требования – кодек h.264, звук ААС.
• Выбирая фотографию для обложки фотоальбома, ориентируйтесь на 1200х800 пикселей. Помните, что мобильная версия почти всегда отличается от десктопной, а в данном случае низ обложки будет урезан на 200 пикселей.
• Максимальная ширина картинки для вики-страницы – 607 пикселей. Учтите, что файлы большего размера автоматически уменьшаются до 400, поэтому если ваша картинка – «не формат», измените размер во вкладке редактирование.

Создаем правильный аватар

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

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

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

• Так, вы можете оставить свой оффер (например, «доставим за 30 минут или вернем деньги») и любые преимущества вашего бренда.
• Используйте аватар как доску объявлений: если у вас намечается большое мероприятие или проходит акция, дайте об этом знать.
• И, конечно, аватар – это стратегическое место для контактов. Клиент не должен искать ваш телефон или адрес. Способы связи по умолчанию должны быть на самом видном месте.

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

Заключение

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

Хотите научиться продавать в удовольствие и при этом всегда добиваться результатов, которым можно позавидовать? Регистрируйтесь на бесплатный мастер-класс «Вебинарное джиу-джитсу», стартуем сегодня >>>

Правильные размеры для аватарки группы «ВКонтакте»

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

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

Что такое аватар

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

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

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

Идеальный размер аватарки группы «ВКонтакте»

У «ВКонтакте» имеются собственные правила, которым приходится следовать, иначе могут возникнуть проблемы. Это относится и к выбору аватарки. Все мы знаем, что у названной соцсети свой особенный стиль, из чего вытекает, что максимальный размер аватарки «Вконтакте» составляет 200 пикселей в ширину и 500 в высоту.

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

Какой выбрать аватар

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

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

Есть несколько моментов, которые необходимо учитывать:

1. Аватар обязательно должен иметь хоть какой-то смысл, наталкивающий на жанр сообщества, а если точнее, то на его контент.
2. Достаточно широко распространено использование фото знаменитостей на аватарах или красивых девушек, принимающих достаточно откровенную позу. Как правило, интерес у мужчин к этой страничке будет достаточно велик, а если же еще человек на аватаре улыбается, то это уже на подсознательном уровне оказывает позитивное влияние. Трудно не улыбнуться, когда друзья смеются, не так ли?
3. Не стоит использовать всего лишь один логотип сообщества. Такую ошибку допускают достаточно неопытные администраторы групп. Лучше возьмите и добавьте туда всего и побольше. Люди невольно задержатся, рассматривая аватар и размышляя над связью между предметами, которую вы можете вложить туда.

Заключение

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

Анимированные обложки, размеры изображений и прочие тонкости

Какой размер аватарки для группы ВКонтакте максимальный и минимальный в пикселях? Для того, чтобы сделать крутой снимок в сообществе или в личном кабинете в контакте — это необходимо знать.
Если вас интересует размер горизонтального ава (обложки), то вам
Приветствую вас друзья на!
Почему я решил написать пост на тему группы ВКонтакте?
Очень важно, чтобы ваша группа была не только информативной, но и эстетически привлекательной.
Что это даст?
У меня есть одно сообщество ВК, красиво оформленное, такое ощущение, что люди подписались на него не только из-за информации, но и потому, что они представляют собой симпатичное сообщество с точки зрения оформления.
Согласитесь, большая прямоугольная Ава выглядит намного привлекательнее маленькой квадратной?
Кстати, информация ниже подходит не только для групп ВКонтакте. Инфа подходит для внесения в личный кабинет ВКонтакте.

Идеальным ава, как и оптимальным, стандартным, можно считать размер аватара 200х500 в пикселях, где 200 — ширина, 500 — высота.
Если говорить о максимальной высоте и ширине, то ее просто нет.
Измеряет пропорции от 2 до 5.
Где 2 — ширина, а 5 — высота для картинки или фото группы или личной страницы в контакте.

Согласитесь, такая ава выглядит намного привлекательнее обычного квадрата?

Тех. Смотри, допустим, с квадратным размером в пикселях, 100 × 100, умножаем первую цифру на 2, вторую на 5.
В итоге получаем все те же 200 на 500 пикселей.
Если не собираетесь делать на заказ, а будете искать Яндекс или Гугл в картинках, ищите размер 200 х 500, таких картинок больше всего.
Другая ширина и высота ее контакта просто сделает это.
Если вы все же решите поискать картинки или фото других пропорций, ниже я оставлю вам оптимальные размеры для групп ВКонтакте.
200 x 500, 300 x 750, 400 x 1000, 500 x 1250, 600 x 1500, 700 x 1750.

С изображениями большого размера могут возникнуть проблемы.
Например 200 на 500 пикселей, картинки в Интернете Тьмы.
700 при 1750 нашел только 1-й).

На этом пока все!

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

Как выбрать аватар

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

1. Нет смысла ставить свой логотип на аватарку. В большинстве случаев это актуально только для раскрученных, известных брендов. Вариант вполне приемлемый, когда логотип входит в состав Авки: он добавит солидности.
2. Еще одна хитрость: лучше, когда человек показан на картинке сообщества, которая отвергается целевой аудиторией ресурса.То есть каждый потенциальный участник, попадая сюда, видел себя на аватаре. Тогда ему точно захочется здесь остаться.
3. И еще один момент — убедиться, что AVA также учитывает интересы целевой аудитории. Опять же, чтобы привлечь его.

Размеры аватара

Теперь о том, какими должны быть размеры аватара в группе. Итак, ширина картинки не должна превышать 200 пикселей, а высота — 500 пикселей.

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

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

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

Главное не забывать о нескольких простых правилах:

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

Создание аватара через фотошоп

Чтобы сделать большую аватарку в группе ВКонтакте в Фотошопе необходимо придерживаться следующего алгоритма:

Создание аватара с помощью Paint

Для создания красивой аватарки для группы ВК можно использовать Paint:

Как сделать аватарку онлайн

Хороший сервис для создания обложек и аватарок онлайн — это сайт CANVA.Он достаточно прост в использовании и отлично подходит для новичков.

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

После выполнения регистрации необходимо выбрать пункт настройки. Высота и ширина Шаблон — 240х450. Можно переходить к оформлению.

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

Для создания обложки выполняем несколько простых шагов:

Шаблоны для группы

Шаблоны для групп ПК можно найти на таких сайтах как:

Готовим онлайн

Теперь узнаем, как сделать длинную аватарку или обложку ВКонтакте. Включите веб-сайт CANVA, о котором упоминалось ранее. Выберите размеры Шаблон 1590 × 400.Получается длинный горизонтальный белый лист. Затем подберите макет.

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

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

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

В этой статье мы рассмотрим размер изображений в новом дизайне ВКонтакте 2016 года.

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

Важные параметры изображения в ВКонтакте (VK)

• Аватар в сообществах — 200×300 пикселей (200 × 500 пикселей) в пропорции 2 к 5. Аватар на личной странице — 200×500 как и раньше. Вы можете загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение сторон не превышало 2 к 5.
• Миниатюрный аватар — это круг диаметром 200 пикселей. В настройках загрузки можно перемещать и изменять диаметр.
• Газета Баннер в группе: 510×271 пикс.

Чтобы изображение аватара или поста искажалось, нужно выбрать Файл> Сохранить для Интернета> В открывшемся окне выбрать функцию SRGB. Если вы попытаетесь загрузить изображение размером менее 200 пикселей по ширине или длине, вы увидите ошибку. Однако опыт сммчиков говорит о том, что этот метод не дает отличного результата. Чтобы изображение не уменьшалось (в гораздо меньшей степени) — сделать их в 2-3 раза больше желаемого размера.

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

Изображения к публикациям со ссылкой

Изображения к сообщениям со ссылкой — это изображения, которые автоматически «подтягиваются» к сообщению при вставке ссылки. Данные взяты из разметки Open Graph. Если Open Graph отсутствует на сайте, заголовок и описание взяты из заголовка и описания, а изображение — со страницы, его можно изменить с помощью специальных стрелок.

Картинка для Wika

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

Товары ВКонтакте

Размер изображения для товара должен быть не менее 400 рублей, максимальный — 7000 с одной из сторон, оптимальным размером будет 1000 на 1000, на один товар можно добавить только 4 фото.Изображение «подборка» — 580рх на 320п.

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

Что бы включать обложку для групп во ВКонтакте зайти в «Действия», что находится сразу под группой Авка, там выбираем «Управление», там есть точка обложки сообщества, нажимаем скачать — готово. Рекомендуемый размер обложки — 795×200 пикселей, но для оптимального отображения на больших экранах стоит добавить 1590×400 пикселей.

Photostatus, это середина изображений, которые отображаются в основном в альбоме. Их оптимальный размер — 123 пикселя на 123 пикселя. Чтобы правильно отображать их в профилях, загружайте их в основной альбом группы последовательно, по очереди, начиная с последнего (правого), потому что последний загруженный эскиз становится самим левым.

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

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

Для начала нужно найти красивую картинку, которая будет соответствовать тематике вашей группы.В этом могут помочь картинки поисковика в Яндексе или Гугле. Например, вас интересуют туристические темы. Для этого в поисковике наберите ключевое слово «Travel» или по-английски «Traveling». Затем выберите наиболее подходящую для вас широкоформатную картинку, которая будет подходить к вашей теме. Старайтесь выбирать картинки с высоким разрешением, так как качественный рисунок получится более привлекательным.

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

После сохранения эта обложка появится в шапке вашей группы.

Настройка старого аватара образец

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

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

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

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

Все, что вам нужно знать

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

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

Фото. Видео. Анимированные гифки. Они в ярости.

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

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

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

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

Но я тебя прикрыл.

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

• Размер фотографии профиля Facebook
• Размер фотографии обложки Facebook
• Размер фотографии обложки страницы Facebook
• Размер фотографии обложки мероприятия Facebook
• Размер фотографии обложки группы Facebook
• Размеры загруженного изображения
• Размер изображения публикации ссылки

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

С учетом сказанного, приступим!

Спешите? Загрузите все мои шаблоны изображений Facebook внизу сообщения.

Размер изображения профиля Facebook (профили и страницы)

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

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

Изображение профиля — это квадратное изображение размером 168 пикселей на 168 пикселей на рабочем столе. Однако имейте в виду, что даже если вы загружаете квадратную фотографию, она будет обрезана до круга.

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

Facebook также хранит версию с более высоким разрешением 320 пикселей на 320 пикселей .

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

Наконец, если кто-то нажимает на фото вашего профиля, оно может отображаться размером 850 пикселей на 850 пикселей . Максимальное разрешение, которое хранит Facebook, составляет 2048 пикселей на 2048 пикселей .

Черт возьми, Дастин, нужно запомнить много размеров — голова кружится от попыток уследить за всем этим.

Не бойся, друг; Я собираюсь облегчить тебе задачу.

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

Это гарантирует, что вы предоставите изображение самого высокого качества для вашего самого важного актива Facebook — изображения вашего профиля. Это то, как люди узнают вас, поэтому вы хотите, чтобы все было хорошо.

Размеры пуха и грязи:

• Максимальный размер: 2048px на 2048px
• Минимальный размер: 168px на 168px
• Минимальный рекомендуемый размер: 761px на 761px
• Соотношение сторон: 1: 1

Pro-tip: Людям нравится связываться с вашими глазами, поэтому убедитесь, что ваши глаза (и рот, предпочтительно улыбка) видны на самом маленьком изображении вашего профиля в Facebook.

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

Размер фото на обложке Facebook (профиль)

Фотография на обложке, расположенная в верхней части вашей личной хроники Facebook, — идеальное место для демонстрации вашей личности.

Размер фотографии обложки шкалы времени: 851 пикселей на 315 пикселей . Это минимальный размер, при котором Facebook будет отображать фотографию.

Для тех из вас, кто любит соотношение сторон, фото на обложке имеет соотношение 2,7: 1 .

Однако, как и размеры изображений в Instagram, размер экрана — не единственный размер, который вам следует знать.

Bonus Reading : Если вы хотите создать отличное изображение для заголовка профиля в Твиттере, обложку канала YouTube, а также заголовок в LinkedIn, у меня есть пост о фотографиях на обложке в социальных сетях.

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