Оформление для вконтакте: Как оформить группу ВКонтакте - примеры, требования, чек-лист

Содержание

Советы по оформлению сообщества ВКонтакте. Часть 1

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

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

Как это сделать? Читайте далее в статье.

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

В 2016 году ВК перешёл на новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени (16.08.2018).

Актуальные размеры изображений в социальной сети «ВКонтакте» в 2018 году

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

Аватар

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

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

Обложка

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

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

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

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

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

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

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

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

Это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку. Если вас не устраивает фотография с сайта, то есть возможность вставить своё изображение с размером 537 на 240 пикселей. Однако вы можете загружать и более крупные фото, если будет соблюдена пропорция.

Изображение для статьи

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

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

Рекомендуемый размер изображения для обложки альбома — 1200 на 800 пикселей. Учитывайте, что в мобильной версии нижняя часть обложки будет отображаться меньше на 200 пикселей.

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

Рекомендуемый размер изображения для видео— 1280 на 720 пикселей.

+БОНУС
Как сделать так, чтобы изображения ВКонтакте не ужимались?

Каждый сталкивался с проблемой потери качества фотографии. Чтобы это избежать, необходимо делать её в 2–3 раза больше нужного размера. Например, если нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 600 на 1500 пикселей. Если нужно сделать изображение для поста размером 510 на 510 пикселей, берем — 1530 на 1530.

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

Как правильно оформить шапку страницы?
Как создать динамическую обложку?
Как оригинально использовать меню в сообществе?

Подписчики, аккаунт, Продвижение, вк, csssprites, профиль пользователя, вконтакте, playStation 4, дизайн иконок, пользователь

подписчики, аккаунт, Акция, vK, csssprites, Профиль пользователя, vkontakte, playStation 4, Дизайн иконок, пользователь, клипарт Скачать клипарт ( 1600×1600px • 72dpi )

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

Аккаунт Google, значок, профиль пользователя, аккаунт, профиль, всемирная паутина, аватар, Ico, com, пользователь
Профиль пользователя, профиль, аватар, Ico, пользователь, женщина, женщина, силуэт, значки, черно-белый
org/ImageObject»> Профиль пользователя, профиль, аватар, герои, пользователь, мужчина, силуэт, монохромный, черный, иконки
Учетная запись пользователя, кнопка гамбургера, рабочий, профиль пользователя, логин, значок общего доступа, аватар, пользователь, смайлик, значки

профиль Аватар, значок пользователя, профиль пользователя, профиль, граф, аватар, человек, герои, пользователь, силуэт
Профиль пользователя, учетная запись, логин, linkedin, овал, дизайн значков, человек, пользователь, система, монохромный
Аккаунт Google, профиль пользователя, пароль, активность, аккаунт, логин, аватар, служба поддержки, пользователь, электронная почта
org/ImageObject»> Логин пользователя, ядро Linux, ответ, профиль пользователя, chen, учетная запись, логин, github, миниатюра, аватар

значок, профиль пользователя, профиль, логин, размер, аватар, Ico, дизайн значка, человек, пользователь
Профиль пользователя, логин, аватар, герои, пользователь, синий, значки, круг, символ, логотип
выпадающий список, профиль пользователя, профиль, wordPress, аватар, человек, герои, пользователь, украшения для тела, значки
Профиль пользователя, учетная запись, логин, аватар, пользователь, силуэт, шея, значки, линия
org/ImageObject»> значок сети, учетная запись пользователя, профиль пользователя, логин, аватар, пользовательский интерфейс, компьютерная сеть, пользователь, сеть, svg

значок, профиль пользователя, аватар, Ico, Facebook, пользователь, голова, черный, значки, круг
Группа пользователей, группа пользователей, профиль пользователя, пользовательский интерфейс, пользователь, информация, монохромный, черный, значки, черно-белый
группа пользователей, мистика, по умолчанию, профиль пользователя, дизайн пользовательского интерфейса, комикс, пользовательский интерфейс, дизайн значков, пользователь, улыбка
вы подписаны, значок instagram, медиа логотип, csssprites, pdf, дизайн иконок, иконки, круг, черно-белый, символ

org/ImageObject»> Профиль пользователя, логин, аватар, дизайн иконок, герои, пользователь, шляпа, женщина, женщина, силуэт
Профиль пользователя, учетная запись, логин, аннотация, пользовательский интерфейс, дизайн иконок, пользователь, оправа, монохромный, иконки
дизайн материалов, иконка, профиль пользователя, аватар, Ico, Flat, Facebook, дизайн иконок, разговор, лоб
Человек-мужчина, мужчина-люди, мужчина-мужчина, деловой человек, группа пользователей, профиль пользователя, всемирная паутина, пиксель, Ico, дизайн иконок

Логин пользователя, профиль пользователя, учетная запись, пол, окна 10, логин, дизайн значков, пользователь, украшения для тела, значки
org/ImageObject»> retrowave, Vaporwave, тату-мастер, Профиль пользователя, avatan, vkontakte, avatan Plus, Tattoo, Facebook, Sphere
образовательный проект, девушка Заказчик, Инженер-программист, юзабилити, Старший, Профиль пользователя, Дизайн пользовательского интерфейса, java, приложение, аватар
информация, профиль пользователя, учетная запись, слух, вход в систему, аватар, пользовательский интерфейс, дизайн значков, разговор, пользователь

пользователь, группа пользователей, группа пользователей, значок, профиль пользователя, интернет-форум, веб-сайт, блог, система, желтый
aspria Fitness, Aspria, профиль пользователя, учетная запись, библиотека, аватар, фитнес, пользователь, блог, точка
org/ImageObject»> значок, профиль пользователя, профиль, логин, аватар, Ico, силуэт, шея, значки, черно-белый
вы подписаны, значок instagram, медиа логотип, csssprites, pdf, дизайн иконок, иконки, круг, черно-белый, символ
Профиль пользователя, учетная запись, логин, аватар, дизайн иконок, герои, пользователь, блог, точка, черный
Профиль пользователя, логин, аватар, пользовательский интерфейс, веб-дизайн, разговор, герои, пользователь, отель, щека
заправка картриджей спб, обучение, Аватар Иконка, аватарки, Профиль пользователя, рекрутер, растр, аватарка, герои, пользователь
org/ImageObject»> стр. 4, конечный пользователь, значок пользователя, учетная запись Google, профиль пользователя, пароль, логин, github, служба поддержки клиентов, пользователь

icon Ico, файлы, admin, системный администратор, значок ico, скачать, профиль пользователя, пароль, мегафон, логин
толпа, социальная группа, плоский дизайн, человек, пользователь, люди, монохромный, черный, значки, круг
Профиль пользователя, профиль, веб-разработка, цифровой маркетинг, аватар, веб-дизайн, деловой человек, офис, разговор, герои
Группа пользователей, Клиенты, Группа пользователей, фавикон, Форум, иконка, Профиль пользователя, всемирная паутина, Техническая поддержка, сайт
org/ImageObject»> flatastic 4, Edit, профиль пользователя, редактирование, аватар, дизайн иконок, микрофон, пользователь, смайлик, женщина
кнопка регистрации, регистрация, профиль пользователя, дизайн иконок, пользователь, кнопка, интернет, информация, общение, точка
everaldo Coelho, жена, значок, профиль пользователя, селфи, аватар, Ico, пользователь, женщина, мужчина
opensimulator, кнопка регистрации, профиль пользователя, учетная запись, логин, аватар, пользователь, блог, интернет, небо
Профиль пользователя, Пользовательский опыт, Дизайн пользовательского интерфейса, аватар, пользовательский интерфейс, Ico, Человек, пользователь, человек, Компьютерное программное обеспечение
org/ImageObject»> Гендерный символ, профиль пользователя, аватар, дизайн иконок, герои, пользователь, шляпа, женщина, силуэт, головной убор
wren, csssprites, каталог, пользователь, папка, иконки, технология
электронная подпись, иконка, подпись, учет, локация, Ico, сервис, дизайн, иконки, круг
профиль пользователя, ios 7, плоский дизайн, аватар, герои, пользователь, мужчина, мужчина, силуэт, голова
вычислительное облако, csssprites, облачное хранилище, облачные вычисления, дизайн иконок, облако, интернет, украшения для тела, сердце, черный
org/ImageObject»> cSS Framework, Dizzy, Material Design, профиль пользователя, учетная запись, логин, аватар, дизайн иконок, пользователь, щека
Документ, удостоверяющий личность, значок, профиль пользователя, профиль, всемирная паутина, Ico, пользователь, документ, связь, прямоугольник
новый пользователь, группа пользователей, дизайн иконок, человек, пользователь, монохромный, черный, значки, круг, черно-белый
выпадающий список, профиль пользователя, профиль, логин, аватар, пользовательский интерфейс, герои, пользователь, монохромный, значки
Пользователи, мужские аватары, значок пользователя, мужской аватар, плоский аватар, женские аватары, плоский дизайн, аватар, коллекция, пользовательский интерфейс
org/ImageObject»> логотип вк, павел дуров, вк, глянцевый, вконтакте, кнопка «Мне нравится», социальная сеть, музыка скачать, веб-сайт, компьютер значок
Instagram, пользовательский интерфейс, овал, дизайн иконок, точка, пурпурный цвет, прямоугольник, значки, круг, символ
идентификатор пользователя, маленькая квартира, профиль пользователя, логин, приложение, пользовательский интерфейс, пользователь, электронная почта, прямоугольник, значки
Профиль пользователя, логин, аватар, герои, пользователь, информация, плечо, силуэт, шея, иконки
Человек, Мужчина, Человек, Люди, Мужчина, Человек, favicon, значок, Профиль пользователя, профиль, Ico, Дизайн иконок, Человек
org/ImageObject»> flatastic 4, профиль пользователя, предупреждение, логин, аватар, дизайн иконок, пользователь, электронная почта, женщина, информация
Корпоративные Баннеры, персонализированные Рулоны, Дизайн-панели, Акции Чин, рекламные Реклама, персонализированные Визитки, х Чин, х Дизайн стойки, персона Иконка, персоны
Пессоа, Брюссель, значок адреса, профиль пользователя, окна 10, логин, аватар, человек, пользователь, значки
Учетная запись Google, значок, профиль пользователя, учетная запись, всемирная паутина, аватар, пользователь, сфера, YouTube, силуэт
Профиль пользователя, аватар, дизайн иконок, пользователь, шляпа, женский пол, женщина, силуэт, головной убор, люди
org/ImageObject»> выпускники, профиль пользователя, социальная группа, плоский дизайн, аватар, компьютерная программа, человек, пользователь, монохромный, черный
корпоративные баннеры, мода X Chin, акции Chin, супермаркет Акции, рекламная реклама, x Chin, x Display Rack Design, x Mas, модная икона, модные аксессуары
качество Знак качества, логотип Значок, бутылка Этикетка, этикетка, этикетка Дизайн, мода Элементы, рекламные этикетки, значок флага, логотип Дизайн, еда Логотип
Профиль пользователя, avatan, vkontakte, avatan Plus, twitter, кнопка «Нравится», facebook Inc, служба социальных сетей, Instagram, tumblr
аватар, значок аватара, оператор, профиль пользователя, поделиться значок, человек, герои, женщина, женщина, силуэт