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

15-4-2019 13:38
Автор: Александр Томсон Избранные Закладки Приглашение

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

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

Новинка! Размеры редактора для статей ВКонтакте
Все размеры нового редактора для статей ВКонтакте.


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


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

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

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

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


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


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

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


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

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

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

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

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


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

Тизеры
Размер таргетинговых баннеров в левой колонке (под меню) составляет: 145x165px и 145x85px

Промопост с кнопкой и промопост со ссылкой на внешний источник
Размер для промопоста с кнопкой и для рекламы ссылки на внешний источник один и тот же - 537x240px

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


Карусель
Оптимальный размер изображения в карусели 600x600px. 



Отлично

Хорошо

Средне

Плохо

Ужасно
В статье уже есть0 Участие в комментариях

Пожалуйста, оставьте комментарий

Все комментарии

Понравилось Прочитано20 Коментариев0
Предыдущий:
Следуюий:
Частые ошибки введения коммерческих группВремя публикации:2019-04-13
Сектор творческих людей
Горячая линия

638638758

С понедельника по воскресенье с 9:00 до 23:00

Обратной связь

admin@artace.ru Онлайн

QR-код

Powered by Discuz! X3.4© 2001-2018 Comsenz Inc.