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

Всем привет! Решил поделиться с вами полезной инфой для работы Вконтакте. Так как часто приходится постить инфу в свою группу Разработка сайтов. Продвижение. Фрилансер. — приходится пользоваться данной шпорой. Думаю я не один такой кто пости, раз ты попал или попала на эту страницу, значит ты занимаешься тем же. Кстати в конце статьи ПРИЯТНЫЙ БОНУС в виде PSD исходников с нужными размерами и сеткой! Это для тех кто пользуется Photoshop`ом. Нуссс… Приступим!

Баннер для статьи

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

Размеры страницы

Ширина внутренней части страницы 720 px, соответственно такой ширины можно вставлять и изображения. По разрешению максимальному и минимальному у меня на данный момент информации нет, как будет, обязательно дополню статью. Если у вас есть такая информация, пишите в комментариях, внесу правки.
P. S. Зачем я указываю все эти размеры? Несмотря на то, что по умолчанию на каждый баннер накладывается затемнение, вы можете на баннере-подложке выделить заголовок или кнопку, сделать какой-нить эффект вокруг текста или придумать еще какую-нить фишку на свое усмотрение. Если что-то упустил по редактору, пишите в комментарии.

Размеры обложек и аватаров

Обложка для PC и ноутбука

Размер обложки для компьютеров и ноутбуков составляет 1590 на 400 пикселей. Однако для подачи информации в дизайне я не рекомендовал бы использовать весь размер, т. к. статистика ВК показывает, что мобильный трафик ВКонтакте составляет в среднем 70 %, а это означает, что на мобильных устройствах часть обложки не будет видна.

Обложка для мобильных устройств

Размер загружаемой обложки для мобильных устройств такой же, как обложки для PC — 1590 на 400 пикселей, т. е. загружать вам все равно придется такую же обложку, как и для PC. Но разница между мобильной версией и PC в том, что в мобильной версии видна только часть обложки с размером 1196 на 400 пикселей, а края по 197 px не видны вообще. Еще нужно учитывать бар с иконками (время, уровень заряда,уровень сети и т. д.) в верхней видимой части обложки, который может занимать 83 px и боковые кнопки приложения, которые также могут занимать 140 px по краям.

Обложка Вконтакте для мобильных устройств

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

Минимальный размер аватара, который без обложки, составляет от 200*200 px до 200*500 px. (500 — максимальная высота при ширине 200 px, высоту можно уменьшать до 200 px, но не меньше). Максимальный размер: 2800*7000 px. Но я не рекомендовал бы рассчитывать на аватар без обложки, т. к. мобильного трафика по статистике приходится в районе 70 %, а в мобильной версии видна только миниатюра, размер которой составляет от 200*200 px (мин. размер) до 2800*2800 px (макс. размер).

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

Оптимальный размер изображения для товаров составляет 1000*1000 px. Также к каждому товару можно добавить всего 5 изображений (включая превьюшное).

Размеры баннеров

Баннеры в ленте сообщества

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

Если будете делать прямоугольный баннер, берите ширину в 510 px и высоту меньше 510 px. Например, 510 на 500 пикселей, 510*490 px, 510*400 px и т. д.

Выше указаны оригинальные размеры ВКонтакте (510 px), но я рекомендовал бы брать размеры в 2 раза больше, не 51 0px, а 1020 px. При этом не забывайте сохранять пропорции.

Размер обложки для альбомов

Если решите поставить обложку для альбома ВКонтакте, берите размер 1000*660 px и не ошибетесь. Но учитывайте, что снизу на обложке будет название альбома с указанием количества загруженных фотографий с затемнением, поэтому следует отступить 170 px от нижней части обложки.

Размеры в рекламе

Тизеры

Размер таргетинговых баннеров в левой колонке (под меню) составляет: 145*165 px и 145*85 px.

Промопост с кнопкой и промопост со ссылкой на внешний источник

Размер для промопоста с кнопкой и для рекламы ссылки на внешний источник один и тот же — 537*240 px.

Универсальный промопост

В создании универсальных промопостов специалисты используют разные размеры. Например, Вячеслав Чернышев в своей статье «Частые ошибки введения коммерческих групп» пишет, что оптимальный размер изображения должен быть: 700*500 px. , максимальный: 1000*700 px, при этом, учитывая мобильную ориентацию делать отступы (пробелы) по краям в 10-15% от размера баннера. А Алекс Мо (smm-специалист) вычислил следующий эффективный размер, который использует в своих проектах: 815*1180 px, также делая белую рамку в 22 px для качественного отображения на мобильных устройствах (напомню, что мобильный трафик составляет порядка 70%).