Выбор правильного размера аватарки ВКонтакте

Размер картинки для поста вконтакте: все размеры

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

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

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

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

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

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

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

Почему важен правильный выбор размера картинок?

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

1. После загрузки в результате растягивания они потеряют качество, могут стать размытыми и непривлекательными.
2. Картинки с текстовыми посланиями могут стать нечеткими, и послания, опубликованные на них, могут стать нечитабельными.
3. В результате автоматического растягивания не вся картинка может отображаться.
4. Слишком маленькая, или не качественная картинка или фотография портит визуальное восприятие публикации. Как правило, посты с такими картинками не привлекают внимания, читаются в несколько раз реже.
5. Использование неправильных по размеру картинок может негативно повлияет на развитие площадки в социальной сети, ухудшить ее репутацию и приведет к потере подписчиков, потому что оформление и дизайн являются важной составляющей хорошего контента.

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

Размер аватара личного профиля

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

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

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

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

Размеры и внешний вид миниатюры не менее важны, так как именно по ним опознают человека за пределами его профиля.

После изменений в дизайне 2016 года, миниатюра приобрела форму круга, и ее диаметр – 200 px. Если навести курсор на основную фотографию профиля, появится меню, в котором есть пункт, позволяющий изменить участок фотографии, который будет отображаться в миниатюре.

Аватар для группы вконтакте

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

1. Требования к размеру аватара остаются стандартными. Минимальные размеры – 200х200 рх. Максимальный размер не должен превышать 7000 рх.
2. Размер миниатюры в сообществе такой же, как и в случае с личной страницей. Диаметр уменьшенной картинки – 200 рх.

Важно! Аватар в группе или публичной страницы играет важную роль – это «лицо» площадки, идентификатор, по которому его опознают. Поэтому важно уделить особое внимание дизайну данной детали и настроить миниатюру соответствующим образом, чтобы площадка была легко опознаваема.

Размер картинки для постов

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

1. Максимальные размеры для фотографии, используемой в публикации на стене группы или своей страницы — 1000х700 рх.
2. Для легкого визуального восприятия и во избежание искаженности изображения в публикации рекомендуется использовать картинки, размер которых составляет 700х500 рх.

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

Изображение для внешних ссылок

Публикуя внешние ссылки на стене можно сделать их визуально более привлекательными, выбрав дополнительно изображение для их оформления. Правила подбора изображений простые, но есть так же ограничения по размеру. Для того, чтобы картинка отображалась корректно с сохранением изначальных пропорций, важно, чтобы она была размером — 537×240 px.

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

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

Размер wiki-разметки (внутреннее меню)

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

Дизайн и информативность

Неправильно подобранное изображение не только портит внешний вид площадки.

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

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

Источник: //SocialGid.ru/vk/razmer-kartinki-dlya-posta-vk.html

Размер аватарки для группы

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

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

Из всех имеющихся пунктов необходимо выделить следующие:

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

Создание собственной аватарки

Как сделать аватарку для группы ВК самостоятельно правильного размера? Для этого существует множество графических редакторов. Самым удобным и популярным является AdobePhotoshop. Программа позволяет создавать авы любого размера в высоком качестве. Все это достигается благодаря большому выбору вспомогательных инструментов редактора.

Для начала работы нужно создать новый проект в фотошопе.

Чтобы создать большую картинку нужно установить следующие размеры в открывшемся окне:

Ширина: 250px

Высота: 450px

После этого жмем кнопку «Создать».

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

Для обложки необходимо указать следующие размеры:

Ширина: 1590px

Высота: 400px

В итоге мы получаем картинку в горизонтальном положении.

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

Чтобы добавить текст нужно выбрать инструмент с иконкой буквы «Т» на панели слева.

После этого выберите подходящий шрифт и его размер.

Расположить текст можно в любой области картинки.

Если вы не хотите каждый раз заново создавать новые проекты, то сохраните эти шаблоны в формате PSD. Для этого перейдите в меню «Файл» – «Сохранить как»

После этого вы можете всегда открывать эти шаблоны и создавать новые изображения.

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

Под классическим вариантом подразумевается оформление такого типа:

Новый дизайн с обложкой выглядит так:

Создание аватарки на мобильных устройствах

Если вы хотите создать аву для сообщества ВК с устройств на iOS или Android, то вам стоит обратить внимание на специализированные онлайн-сервисы.

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

Перейдите в раздел «Аватар».

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

Таким образом создается классическое оформление следующего формата.

Для создания обложки перейдите в соответствующий раздел.

Для сохранения финального варианта нужно оплатить лицензию. Один день лицензии стоит 50р.

Использование шаблонов

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

You-ps.ru – Большой выбор шаблонов под любую тематику. Помимо исходников, на сайте размещены полезные уроки по использованию Photoshop. Скачивание файлов с you-ps производится бесплатно.

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

PS-Magic.ru. Еще один полезный сайт с исходниками оформлений в формате PSD. Как и на You-ps.ru здесь вы можете найти не только аватарки, но и уроки по их редактированию и созданию в Фотошопе.

Заказ шаблонов у фрилансеров

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

Kwork. Все услуги на сайте продаются по 500р. Сотни исполнителей готовы создать для вас оформление для группы в самые кратчайшие сроки.

FL.ru. Самая популярная биржа фрилансеров в СНГ. Регистрируйтесь на сайте в качестве заказчика и публикуйте задание по созданию аватарки для своего паблика. После этого на созданное вам задание начнут откликаться исполнители. Выбирайте понравившегося вам кандидата и начинайте с работу с ним.

Сообщества внутри социальной сети. Перейдите в поиск сообщества в ВК и введите запрос “оформление сообществ”.

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

Возможные трудности

При работе с аватаркой группы ВК у вас могут возникнуть следующие проблемы:

1. Низкое качество сохраняемого изображения в Photoshop. Чтобы финальный вариант оформления не терял свое качество, производите сохранение в формате Web. Для этого перейдите в раздел «Файл» – «Экспортировать» – «Сохранить для Web».

2. Проблемы с подбором шрифтов. Используйте шрифты без засечек. Скачать их можно на сайте fonts-online.ru. Помните, что от выбранного шрифта зависит читабельность текста на аватарке или обложке. Чем более качественный шрифт выбран – тем лучше выглядит оформление вашего паблика.

Итог

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

Оцените текст:

[Всего : 2    Средний: 5/5]

Источник: //softolet.ru/vkontakte/vse-ob-avatarke-gruppy-vkontakte.html

Как подобрать размер для аватарки для группы ВК?

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

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

Разрешение 1024х768 было популярным (настольные ПК), но уже около 6 лет это разрешение сменилось 1366х768 (эра ноутбуков).

Как сделать аватарку(аву) в группу ВК, пошаговая инструкция?

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

1. Запускаем программу Photoshop, в меню «Файл» нажмите на «Создать».
2. Далее нужно указать разрешение для аватарки. После чего необходимо подтвердить указанное разрешение, нажав на «Создать».Помните, что ава должна соответствовать общему дизайну группы. Также, не размещайте много текста на аватарке, так как при загрузке будет создана миниатюра с автоматическими размерами 200х200 пикселей, и некоторый текст не отобразится.
3. После создания и редактирования фотографии, вам необходимо правильно сохранить изображение, чтобы потом загрузить его в группу ВКонтакте.
   1. В ряде настроек, установите галочку около пункта «Преобразовать в sRGB».
   2. Внизу окна нажмите «Сохранить».

Теперь переходим непосредственно к загрузке аватарки в ВК.

1. Открыв главную страницу вашей группы, кликните на «Загрузить фотографию».
2. Затем выбираете нужное изображение на вашем ПК. После загрузки фото, нажмите «Сохранить и продолжить».
3. Следующий этап – выбор квадратной области для фотографии, миниатюры. Она будет изображаться как ава вашей группы ВКонтакте и автоматически подстроится под размеры 200х200 пикселей. Миниатюра будет использоваться в общих списках групп, в новостях. Миниатюра имеет маленькие размеры, но именно с ее помощью группа приобретает больше подписчиков. После выбора желаемой области для миниатюры, нажмите «Сохранить изменения».
4. Вуаля – ваша аватарка для группы готова.

Шаблоны psd для аватарки

Шаблоны psd – это исходный материал для последующего веб-дизайна. Данная заготовка отражает основную тематику создаваемого сообщества.

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

Также на многих сайтах, вы можете найти огромное количество готовых шаблонов в формате psd.

Каким образом аватарка может поспособствовать успеху группы ВК?

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

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

Удачная аватарка – залог вашей группы на успешное процветание. Но, конечно же, и контент группы должен вызывать интерес.

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

Советы для удачной аватарки:

1. Изображение аватара должно быть качественное. А главное, аватар должен быть в 2-3 раза больше, запланированного вами.
2. Цветовая гамма аватарки, шрифт должен быть схож с дизайном меню. Это предаст вашей группе стильность и уровень профессионализма.
3. Для побуждения вступать в группу и становиться подписчиками, внизу аватарки вы можете создать некий призыв вступить в сообщество.
4. На аватаре можно разместить практически всю важную информацию, которая характеризует вашу группу. Что нельзя сказать о миниатюре. На аватаре можно указать домен сайта, номер телефона, адрес офиса, конкурсы, акции, обновление ассортимента, адреса аккаунтов других социальных сетей (Инстаграм, Фейсбук, Твиттер).

Заключение

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

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

Творите, создавайте и наслаждайтесь процессом!

[Всего : 1    Средний: 5/5]

Источник: //smmx.ru/vk/kak-rabotat/razmer-dlya-avatarki-dlya-gruppy-vk.html

Размеры для оформления группы во

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

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

Чем же социальная сеть так прославилась? У владельца страницы во есть возможность переписываться с друзьями, слушать музыку, играть в игры, выкладывать фотографии и проводить время в интересных группах.

Именно о группах в данной статье и пойдет речь.

Зачем нужны группы в ВК?

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

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

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

Какие использовать размеры в группе в ВК

1. Аватар для группы — одно из основных изображений, на которое посетитель обращает внимание в первую очередь. Размер аватара начинается от 200×500 пикселей, а его миниатюра составляет 200х200 пикселей. Миниатюру подбирает сам администратор сообщества при загрузке аватара.

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

2. Обложка для группы — относительно новое явление, с появлением которого у администраторов сообщества есть возможность делать свои площадки еще более яркими и красочными. Рекомендуемый размер обложки — 1590х400 пикселей. Как и аватар, обложка имеет свойство меняться.

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

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

   Минимальный размер следующий — 510х510 пикселей.

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

5. Сниппет — это блок, который автоматически добавляется при наличии ссылки. При необходимости, изображение этого блока можно поменять, а делать это лучше исходя из нижеуказанных рекомендаций. Размер рекомендуется выбирать такой — 537х240 пикселей.

6. Обложка фотоальбома — это то, что может подчеркнуть его тематику определенным изображением. Рекомендуемый размер — 1200х800 пикселей. Не стоит забывать про те 200 пикселей, которые отнимаются от нижней части изображения при просмотре альбома через мобильную версию.
7. Товары — очередная новинка.

   Рекомендуемый размер очень легко запоминается, потому как находится в следующем числовом диапазоне — 1000х1000 пикселей.

8. записи — неотъемлемая часть любой социальной сети. Для того, чтобы у подписчиков была возможность смотреть видео в HD качестве, размер должен быть минимум таким — 1280х720 пикселей.

9. Истории — это интересная вещь, которая тоже была запущена не так давно. Рекомендуемый размер для фото — 1080х1920 пикселей, для видео — 720х1280 пикселей.

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

Источник: //online-vkontakte.ru/2018/04/razmery-dlya-oformleniya-gruppy-vo-vkontakte.html

Аватар ВКонтакте (ВК) – размеры и примеры аватара и фото для группы или личной страницы | Бизнес журнал Сергея Бакалова

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

Как оформить Аватар ВКонтакте и избежать ошибок

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

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

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

Как правильно выбирать и располагать объекты для сообществ разные тематики

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

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

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

Раскрутка брендов

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

Схема аватара ВКонтакте для продвижения бренда

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

Продвижение услуг

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

Схема аватара для продвижения личных услуг

Развлекательное сообщество

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

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

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

Схема аватара для развлекательного сообщества

Здесь же можно поместить логотип группы (не стоит игнорировать этот момент, если элемент еще не разработан, пора этим заняться), интересную цитату, как нельзя лучше отражающую тематику. А также совсем нелишним будет призыв «Подписаться».

Важные моменты при создании аватара

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

Правильные размеры аватара

1. Размер картинки. Оптимальной величиной аватара считается показатель 800px на 2000px. Но если используется круглая или квадратная форма изображения, показатель будет другим, 100px на 1000px. При выборе картинки другого размера в результате сжатия изображение будет искажено.

   В итоге аватарка выглядит совсем не так привлекательно, как оригинал.

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

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

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

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

Дочитав до конца этот раздел, многие могут подумать: «Надо же, как всё просто!».

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

Какие ошибки встречаются чаще всего

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

Адаптация мигиатюры аватара

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

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

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

5. Оформляют призыв на вступление в виде кнопки.

   Это относится к категории «хуже не придумаешь», если на аватарке расположена клавиша «Подписаться» или «Вступить в сообщество».

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

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

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

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

Источник: //sbakalov.ru/marketing/vk/avatar-vkontakte-kak-pravilno-sdelat/

Оформление группы в ВКонтакте: анимированные обложки, размеры изображений и прочие тонкости

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

Зачем группе оформление

Обложка
Аватарка
Вики-меню
Посты
Товары

Зачем группе оформление

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

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

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

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

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

Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое.

Ответ поддержки о влиянии размера картинки на позицию в выдаче

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

Далее разберем подробнее каждый элемент оформления.

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка нашей группы .com/prcyru

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

Группа без обложки

Чтобы качество обложки не портилось, администрация советует загружать изображение размером 1590×400 px.

Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

Стрелка указывает на кнопку подачи заявки

Стрелка показывает на кнопку с сообщением

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

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку

Стрелка указывает на пустое поле

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

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

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

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

Аватарка нового подписчика на обложке

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

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

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:

С обложкой и аватаркой

Только с аватаркой

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

Редактор не дает выделить более вытянутое поле.

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

Обложка меню

Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

Редактор изображений в вики

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

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

Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.

Тестовый пост с вики-меню

Посты

Размеры: не менее 600 px в ширину для обычных постов, не меньше 510х288 px для статьи в редакторе.

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

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

Десктопный просмотр

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

Мобильный просмотр

Иллюстрация для статьи со светлым фоном

Иллюстрация для статьи с темным фоном

Товары

Размеры: не меньше 600 px.

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

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

Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.

Миниатюра товара из товарного ряда

Открытая карточка товара

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

Ряд с товарами в группе PR-CY

Открытая карточка товара

Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.

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

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

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

Основы SMM. Часть 1: Создаем коммерческий аккаунт

Основы SMM. Часть 2: Составляем контент-план на примерах и шаблонах

Основы SMM. Часть 3: Обратная связь в группе

Основы SMM. Часть 4: Сервисы для общения с подписчиками в соцсетях

Источник: //pr-cy.ru/news/p/7001-oformlenie-gruppy-vkontakte-animirovannye-oblozhki-razmery-izobrazheniy-i-prochie-tonkosti