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

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

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

Все эти элементы, оформленные в едином стиле, дают ощущение целостности дизайна.

Содержание

1. Таблица размеров для оформления группы в ВК;
2. Горизонтальная обложка;
3. Аватар;
4. Баннер;
5. Сниппет;
6. Обложка для статьи;
7. Истории;
8. Фотоальбом;
9. Видеозаписи;
10. Карточка товара;
11. Промопост с кнопкой;
12. Универсальный промопост;
13. Боковушка большая;
14. Боковушка маленькая;
15. Карусель;
16. Скачать бесплатно шаблоны psd для оформления группы

Таблица размеров для оформления группы в ВК

Размеры элементов группы
Горизонтальная обложка полноразмерная	1590 х 400 px
Горизонтальная обложка в мобильном приложении	1196 x 317 px
Аватар группы полноразмерный	200 x 500 px
Аватар группы неполноразмерный	200 х <500 px
Аватар миниатюра (превью)	200 x 200 px
Баннер в ленте квадратный	510 x 510 px
Баннер в ленте прямоугольный	510 x <510 px
Сниппет	537 x 240 px
Статья	510 x 285. 59 px
Истории фото Истории видео	1080 x 1920 px 720 x 1280 px
Фотоальбом	1000 x 660 px
Видеозаписи	1280 x 720 px
Товар	1000 x 1000 px
Размеры рекламы
Промопост с кнопкой (со ссылкой)	537 x 240 px
Универсальный промопост	1000 x 700 px 700 x 500 px
Боковушка большая (тизер)	145 х 165 px
Боковушка малая (тизер)	145 х 85 px
Карусель	600 x 600 px

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

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

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

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

У горизонтальной обложки 2 размера.

1-й размер 1590х400 для компьютерной версии вконтакте.

Полноразмерная горизонтальная обложка

В мобильном приложении в контакте у обложки обрезаются слева и справа по 197 пикселей.

Поэтому в мобильном приложении на экране видно только 1196х400 пикселей.

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

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

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

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

Обложка адаптированная для мобильной версии

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

Аватар группы.

Размер 200 на 500 пикселей

Аватар и миниатюра

Максимальный размер аватара 200х500 пикселей. Из аватара формируется превьюшка (миниатюра) — круг.

Так как около 70-80% посетителей групп сидят с мобильных устройств, то аватарку в полном размере они не видят.

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

Баннеры можно делать разнообразных размеров.

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

Высоту делайте какую хотите:

• 510 для квадратного баннера;
• меньше 510 для прямоугольного.

Например, 510 на 500 или 510 на 300.

Баннер 510 на 510

Сниппет. Размер 537 на 240

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

Выглядит так:

Сниппет

Когда я публикую статью на этом сайте я готовлю картинку для статьи и отдельно сниппет для соцсетей.

Разработчики выбрали интересный размер для баннера статьи. Здесь нужно учитывать, что заголовок  статьи может быть в 1 и в 2 строки и поэтому кнопка читать может смещаться.

Если планируете как-то обыгрывать эти элементы, то учитывайте расстояния.

От верхнего края баннера до начала однострочного заголовка будет 88px (заглавными) и 94px (прописными), до двухстрочного заголовка будет 75px (заглавными) и 79px (прописными). Расстояние от верхнего края обложки до верхнго края кнопки при однострочном заголовке будет 174px , при двухстрочном будет 189px, при этом размер самой кнопки 89.19px по ширине и 30px по высоте. Шрифт заголовка —  Roboto с начертанием Black, размер шрифта в заголовке в одну строку 30px, а если заголовок в две строки, то 24px.

Обложка для статьи

Истории. Размер 1080 на 1920 (видео 720 на 1280)

Как таковые истории с компьютера пока публиковать нельзя.

Но можно заранее подготовить шаблон, загрузить его в телефон, и опубликовать.

Истории

Фотоальбом.

Размер 1000 на 660

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

Это затемнение можно интересно обыграть в оформлении.

Обложка для фотоальбома

Видеозаписи. Размер 1280 на 720

Видеоальбом

Карточка товара. Размер 1000 на 1000

Блок товаров

В блоке товаров на страницу группы выводится 3 элементы. Можно покреативить с ними и сделать что-то общее.

Размер карточки товара  — 1000 на 1000. Или любой другой квадрат.

Промопост с кнопкой. Размер 537 на 240

Промопост с кнопкой

Промопост с кнопкой — это тот же сниппет.

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

Универсальный промопост. Размер 1000 на 700 (или 1000 на 1000)

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

Боковушка большая. Размер 145 на 163

Большая боковушка

Боковушка маленькая.  Размер 145 на 85

Боковушка маленькая

Карусель. Размер 600 на 600

Карусель Вконтакте

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

Скачать бесплатно шаблоны для оформления группы Вконтакте

В качестве бонуса архив с шаблонами в формате psd самых популярных размеров для оформления группы ВК.

[urlspan]Скачать архив с шаблонами для оформления групп Вконтакте[/urlspan].

Размеры баннеров для промо-постов ВКонтакте. Какой выбрать?

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

Для наглядного примера буду сравнивать два баннера с размерами 1280*720 и 800*525. Да, кстати, размеры и качество баннера могут быть разные — тут самое главное — пропорции. Итак, вот как такой баннер выглядит в ленте новостей на разных устройствах:

ПК — СТАРЫЙ ДИЗАЙН ВКОНТАКТЕ

Как видите, у баннера с размером 800*525 справа получается отступ намного больше, чем при использовании размера 1280*720. Хотя он пошире и захватывает бОльшую область для просмотра через ленту новостей. Посмотрим, как будут эти баннеры выглядеть в новом дизайне ВКонтакте.

ПК — НОВЫЙ ДИЗАЙН ВКОНТАКТЕ

Ну что, в новом дизайне ВКонтакте оба этих размера отличаются только высотой, а ширина остается прежней. И, в отличие от старой версии ВК, справа не наблюдаем большого отступа. Зато баннер 800*525 захватывает намного бОльшую видимую область в ленте новостей, нежели размер 1280*720 — картинка выше и больше!

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

MOBILE — ЛЕНТА НОВОСТЕЙ

Также, как и в новом дизайне ВКонтакте, размер баннера 800*525 выглядит намного больше (выше), чем баннер с размером 1280*720. А это очень большой плюс для мобильной версии, потому что область просмотра новостей там небольшая и реклама с таким размером баннера захватит бОльшую ее часть!

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

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

Так как сейчас часть аудитории «сидит» ВКонтакте через новый дизайн, а большая часть через старый, то лучше использовать размер 800*525. Да, мы пробовали и заморачивались с другими размерами, пытаясь уменьшить отступ от правого края, но он только увеличивался и наименьший отступ (с учетом бОльшего просмотра через мобайл) получился с размером 800*525.

Чтож, на этом сегодня все. Спасибо за внимание и качественных вам промо! 😉

Спасибо за внимание!

С Вами был Владимир Казаков из SMM: Продажа товаров и услуг в соцсетях

Поиск дизайна выставки — ВК-1949 | Изогнутый лайтбокс (лайтбоксы и баннерные стойки)

Диапазон цен:

Мин. — 0

Макс. — 175000

Включая аренду

Размер стенда: Все размеры10′ x 10′ Дисплеи10′ x 20′ Дисплеи 10′ x 30′ Дисплеи 10′ x 40′ Дисплеи 20′ x 20′ Острова 20′ x 30′ Острова20 ‘ x 40′ Islands20′ x 50′ Islands30′ x 30′ Islands30′ x 40′ Islands30′ x 50′ Islands30′ x 60′ Displays3D Banner Stands40′ x 40′ Islands40′ x 50′ Islands40′ x 60′ Islands8’ x 10 ‘ ДисплеиAccent ChairАксессуарыAero Head Hanging Signs Решения для Apple iPadКовер для барных стульевЧехлыЗарядные счетчикиЗарядные стойкиЗарядные столыСчетчикиИндивидуальные стойки и пьедесталыЗащитные перегородки для рабочих столовЭлектроснабжениеРешения для дезинфекции рукИнтерактивные игры (CP)Интерактивные киоски (PS)Аксессуары для iPad и поверхностейLED лайтбоксыОсветительные медицинские решенияПодставки для совещанийПодставки для собраний и корпоративные мероприятияMonsoft Офисная средаУличные дисплеиПереносные стойки и пьедесталыДисплеи продуктов | СтойкиЗащитные перегородкиНастенные рамы SEGСтолешницы | Складные панелиСтолешницы | ГибридыСтолешницы | Легкая натяжная тканьСтолешницы | Pop UpsСтолешницы | Устойчивое развитиеВиртуальные выставкиНастенные светодиодные лайтбоксыДеревянные ящики Рабочие станции Рабочие станции, киоски и бары

Сортировать по:Размеру стендаНовости дизайнаВ алфавитном порядкеЦена: от самой низкой до самой высокойЦена: от самой высокой к самой низкой

Текстовый поиск:Поиск

(например, VK-1032, 1032 или остров)

Поиск в этих галереях продуктов .

..

Все Снять отметку

2115 — Модульная гибридная витрина Sacagawea 20 футов

VK-2115 — Модульная гибридная витрина Sacagawea 20 футов0161 Модульные гибридные дисплеи Sacagawea , изготовленные по индивидуальному заказу. Портативный гибридный дисплей Sacagawea собирается примерно за 25 минут, упаковывается в переносной ротационно-литой кейс и поставляется с дополнительными стойками и рабочими станциями. С замещающей графикой Sacagawea вы можете начать с выставки размером 10 x 10 футов и расширить ее до размеров 10 x 20 футов по мере увеличения графика вашей выставки. Наконец, одна из лучших функций заключается в том, что для настройки не нужны никакие инструменты.

Дисплеи для выставок, которые мы продаем, производятся Classic Exhibits в Портленде, штат Орегон; один из немногих «производителей оригинального оборудования», оставшихся в США. Линейки продуктов, которые производит Classic, создавались в течение почти 2 десятилетий и в каждом случае были разработаны с учетом передового инженерного искусства и великолепного стиля. Это гарантирует длительный срок службы изделий; что является торговой маркой всех классических встроенных систем. Ассортимент продукции Classic успешно продается в течение 25 лет через собственную дистрибьюторскую сеть и теперь доступен на нашем веб-сайте с очень хорошими скидками.

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

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

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

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