Достаточно много людей работает в Интернете, где на каждом шагу требуется новая идея, свежие мысли, а также стремление к созиданию. Когда же дело начинает набирать обороты, то логичным продолжением будет создании группы в одной из социальных сетей, где каждый пользователь сможет с вами связаться, узнать о вашем товаре у другого человека и т. п.
Далее в статье мы расскажем, какие размеры для аватарки группы «ВКонтакте» необходимы и на что следует делать акцент при создании аватара.
Обложка
Обычно у этого элемента оформления ВК размер 1600 на 400 пикселей. Но на мобильной версии будет отображаться только часть изображения – 1200 на 400 пикселей. По обложке нельзя кликнуть и она не является обязательным элементом оформления.
Если вы не загрузите обложку, справа появится полноформатный аватар. Учитывайте особенности отображения обложки на смартфоне: видимая область в мобильной версии – 1200 на 400 пикселей, причем этот «участок» находится по центру. Сверху почти 100 пикселей съедаются данными смартфона. Схема с точными размерами обложки приведена ниже.
Схема размеров обложки
Иногда для удобства пользователей на обложке можно нарисовать стрелку, которая указывает посетителям на кнопку подписки (на фото ниже стрелка указывает на кнопку перехода на сайт, что тоже удобно).
Стрелка указывает на кнопку подписки или перехода на сайт
Учтите, что на смартфонах эта стрелка смещается. Так что перед созданием обложки стоит выяснить, на каких устройствах аудитория просматривает посты паблика. Например, в группе подавляющая часть посетителей использует мобильные устройства, так что стрелка в данном случае не требуется.
Статистика группы Otzyvmarketing
Размер обложки для группы вконтакте
Новый формат, который позволяет изменить оформление группы в целом. Как установить обложку ВК? Нужно зайти в ‘управление — настройки’, там будет пункт ‘Обложка сообщества’ — жмем, загружаем. Рекомендуемый размер обложки составляет 795x200px, но стоит добавлять в размере 1590x400px для оптимального отображения на больших экранах.
Динамика
Динамическая обложка эффективнее статической. Она будет регулярно меняться, поэтому посетителям можно передать дополнительную информацию. Например, в группе города можно показывать погоду, сообщать о важных происшествиях и акциях, выводить аватарки отличившихся подписчиков.
Для создания динамики можно использовать обычное изображение. О его размерах было сказано выше.
Непосредственно за динамику будут отвечать скрипты, которые требуется написать и добавить на обложку. Рассказывать о том, как писать скрипты для обложки, мы не будем. Если вы не обладаете хорошими познаниями в программировании, вы не сможете написать работающий скрипт. Однако выход есть: можно нанять опытного фрилансера или воспользоваться платными конструкторами.
Если вы хотите обновлять обложку каждую минуту или чаще, придется добавить сервис антикапчи. Скрипты будут устанавливаться на сторонний сайт, так что для работы динамической обложки понадобится домен. Можно также воспользоваться сервисом конструктора.
У динамической обложки очень много возможностей. Например, ее можно полностью менять, когда пользователь нажимает на кнопку подписки. Благодаря этому посетители и случайные гости видят разные обложки. Получается простейший таргетинг.
Создаем аватарку
Наконец, после того как мы ответили на вопрос «Как сделать аватарку для группы «ВКонтакте»?», настало время подумать о том, что будет изображено на фотографии в группе. Как уже отмечалось, это должно быть что-то тематичное, привлекательное и информативное. Предлагаем вам взять лист бумаги и ручку и схематично набросать логотип своего сообщества. После этого можете приступать к созданию изображения.
Сделать это можно одним из указанных выше способов. Если не знаете, какой аватар лучше, можете прибегнуть к простому, но эффективному методу определения: голосование в самой группе. Пусть люди решат, какая фотография лучше.
Инструкция
Откройте программу Adobe Photoshop и создайте новый документ. Сразу задайте нужную ширину в 200px и высоту 500px. Разрешение установите побольше, а вот битность цветового режима не так и важна, можете оставить ее по умолчанию 8 бит.
Начните с фона. Вы можете просто залить его цветом, используя инструмент «Заливка» на панели слева, или применив «Градиент». В данном случае в качестве основного фона была использована картинка. Чтобы она не искажалась при вписывании, зажмите Ctrl и тяните за уголок, увеличивая или уменьшая изображение до нужного размера.
Вставьте фото, которое максимально отражает вашу сущность или то, кем вы хотите предстать перед посетителями своей страницы. Все-таки именно по аватаре будут судить о вас в первую очередь. Если фотографию вы ставить не хотите, то на фоне можно написать ваш ник. В этом случае стоит поиграть с текстом – используйте дополнительные шрифты, меняйте прозрачность и степень заливки, свойства самого слоя. В данном случае были использованы эффекты тени и внутреннего свечения, а в наложении слоя выбрано затемнение.
Добавьте художественные эффекты при помощи кистей. Вы можете воспользоваться стандартными или найти наборы на специализированных сайтах. Перед использованием кисти создайте новый слой, нажав Shift+Ctrl+N.
Создайте еще один слой, чтобы добавить рамку. Затем выберите инструмент «Прямоугольное выделение» и при его помощи выделите не всю картинку, а отступив от краев на пару миллиметров. Нажмите Shift+Ctrl+I, выделение инвертируется. Залейте его белым, а в способе наложения установите «Мягкий свет».
Если вы хотите получить качественное изображение, работайте в профессиональном графическом редакторе. Если вы не умеете им пользоваться, то откройте фотографию или картинку в Paint и обрежьте примерно так, чтобы изображение вписалось в требуемые рамки. Неудобство встроенного редактора в том, что точно установить требуемые размеры у вас не получится.
Удлинение фотографии – несложная процедура, но все же требует некоторых навыков. В частности, занимаясь этим в Adobe Photoshop, стоит знать о существовании команды «Свободное трансформирование».
Вам понадобится
- — Русифицированная версия Adobe Photoshop CS5
Инструкция
Запустите редактор Adobe Photoshop CS5 и добавьте в него необходимую фотографию
: нажмите пункт меню «Файл» > «Открыть» (или кликните горячие клавиши Ctrl+O), выберите нужный файл и щелкните «Открыть». Устно обозначим этот документ как Д1.
Нажмите пункт меню «Изображение» > «Размер изображения». В открывшемся окне будут поля «Ширина» и «Высота», запомните эти значения – это размеры изображения, которое вы добавили в Photoshop.
Чтобы открыть окно создания нового документа кликните пункт меню «Файл» > «Создать» (или при помощи горячих клавиш Ctrl+N). Высоту оставьте такой же, как у фотографии, размеры которой вы определили во втором шаге этой инструкции, а ширину сделайте примерно в полтора раза больше. Нажмите «ОК». Устно обозначим этот документ как Д2.
Выберите инструмент «Перемещение» (горячая клавиша V), перетяните изображение с Д1 на Д2 и выровняйте его по левому краю.
Вызовите команду свободной трансформации. Сделать это можно двумя способами. Первый – нажмите пункт меню «Редактирование» > «Свободное трансформирование». Второй – кликните горячие клавиши Ctrl+T. По сторонам и углам слоя появятся прозрачные квадратные маркеры. Наведите курсор на тот из маркеров, который находится на правой стороне изображения. Курсор превратится в обоюдную стрелочку. Зажмите левую кнопку и потяните мышь вправо до самого края, тем самым растягивая изображение. Нажмите Enter, чтобы закрепить результат.
Чтобы сохранить результат нажмите пункт меню «Файл» > «Сохранить как» (или используйте горячие клавиши Ctrl+Shift+S), выберите путь для будущего файла, впишите его имя, в поле «Тип файлов» укажите Jpeg и нажмите «Сохранить».
Чтобы отменить предыдущее действие, пользуйтесь горячими клавишами Ctrl+Z. Чтобы отменить более одного действия, пользуйтесь окном «История» (пункт меню «Окно» > «История»).
Видео по теме
Сегодня сложно найти студента, не зарегистрированного в крупнейшей в России социальной сети «ВКонтакте». Не говоря о развлекающей составляющей данного ресурса, он нередко оказывается полезным для связи с друзьями и знакомыми по ВУЗу, общения с ними и решения совместных вопросов. О том, как указать «ВКонтакте», в каком высшем учебном заведении вы обучаетесь, речь пойдет далее.
Вам понадобится
- доступ к интернету
Инструкция
Зайдите на свой аккаунт «ВКонтакте». Для этого введите в адресной строке своего браузера vkontakte.ru, в открывшейся странице укажите свой e-mail (или логин) и пароль и нажмите «Войти».
Для того чтобы перейти на страницу редактирования своего высшего образования, нажмите на надпись «Редактировать», находящуюся напротив заголовка «Образование» в правой части страницы, или кликните на кнопку «Ред.», расположенную рядом с надписью «Моя страница» в левом верхнем углу и выберите раздел «Образование». Затем кликните по вкладке «Высшее образование», расположенной справа от активной вкладки «Среднее образование».
Теперь можно приступать непосредственно к выбору своего вуза. Для этого по очереди выберите: страну, в которой вы обучаетесь, город, в котором находится ваш ВУЗ, само высшее учебное заведение, форму обучения, ваш статус и дату выпуска. После этого нажмите «Сохранить»
При необходимости вы можете указать на своей странице более одного высшего учебного заведения. Для этого после сохранения первого ВУЗа нажмите на надпись «Добавить образование» и снова проделайте все действия, описанные в прошлом пункте.
По завершении выбора ВУЗов, в которых вы обучались или обучаетесь, вернитесь на свою страницу и убедитесь, что под заголовком «Образование» появилась добавленная вами информация.
Обратите внимание
Для того чтобы добавить высшее учебное заведение «ВКонтакте», вам необходимо знать его аббревиатуру.
Полезный совет
Помните данные для входа на вашу страницу «ВКонтакте».
Привлечь на свою страничку в социальной сети много посетителей или заявить о себе на форуме можно с помощью эффектного аватара или громкого ника
. Умело подобранные, эти атрибуты смогут выразить ваше отношение к окружающему миру, без вашего участия они расскажут виртуальным собесед
ника
м о том, что вы собой представляете как личность. С помощью программ по генерации псевдонимов возможно сделать новый ник запоминающимся и оригинальным.
Приветствую вас друзья.
В этой статье я покажу вам как сделать аватарку бесплатно
с помощью трех сервисов (которые, на мой взгляд, являются самыми лучшими).
Но, для начала пару слов о том, что такое аватарка, зачем она нужна, и зачем, собственно, она нужно на блоге.
Аватарка
– это графическое изображение (чаще всего не анимированное), которое “представляет” вас в сети интернет (в социальных сетях, на блоге и т.д.). Чаще всего в качестве аватарки выступает фотография, также мульт и кино персонажи.
Зачем нужна аватарка?
Аватарка нужна в первую очередь для идентификации вас как живого человека, а не бота. Все равно, человек с аватаркой воспринимается лучше, к нему больше доверия (по крайней мере у меня). У ботов (роботов, “неживых” участников сети) практически ни когда нет аватара.
Если вы сделает себе необычную, запоминающуюся аватару, то это еще и выгодно выделит вас среди других.
Итак, хочу представить вам три сервиса, которые помогут вам сделать аватарку онлайн.
Сервис для создания авы в стиле South Park. Раньше, да и сейчас очень популярны аватраки в таком стиле. Созданные изображения довольно неплохо и интересно смотрятся. Вот так выглядит моя аватара.
Для того, чтобы сделать аватарку онлайн с помощью сервиса Sp-studio вам нужно:
1. Перейти на сайт
2. Нажмите на изображение человечка
3. В меню создания персонажа, выберите фон, цвет кожи, волосы и т.д.
Faceyourmanga
Еще один сервис для создания мультяшного персонажа. Тоже довольно интересный сервис, аватарки получаются красивые и необычные. Вот моя аватарка сделанная в данном сервисе.
Итак, для того, чтобы сделать аватарку онлайн с помощью сервиса Faceyourmanga вам нужно:
2. Зарегистрироваться на сарвисе (для этого нажмите на большую зеленую кнопку в )
3. После регистрации выберите пункт «Create»
4. Выберите какую вы будете создавать аватару, мужчина или женщина.
5. Теперь выбирайте подходящие для себя значения аватары (тут все легко)
6. После создания изображения, сохраните его, для этого нажмите кнопку «Save»
Сервис для обработки фотографий. С помощью данного сервиса вы можете создать красивую «рисованную» аватарку. Вот, например, моя (как будто нарисованная маслом).
Для, того, чтобы сделать аватарку бесплатно с помощью сервиса Fotosketcher, вам нужно:
1. Перейдите на сайт сервиса —
2. Перейдите в раздел «Download», скачайте специальную программу для создания эффектов
3. Скачайте и установите программу
4. Запустите программу, откройте в ней вашу фотографию или любое другое изображение
5. Нажмите кнопку «Параметры рисунка», и выберите подходящий эффект, нажмите кнопку «Рисовать»
6. Сохраните полученное изображение.
Воспользовавшись моей инструкцией вы без труда сможете сделать аватарку бесплатно
, с помощью полезных сервисов.
Анимированная обложка на смартфонах
Для анимированной обложки подойдут любые изображения размерами 9 на 16. Можно добавить несколько фотографий (до пяти), чтобы показывать посетителю слайд-шоу. Вместо изображений можно добавить короткий видеоролик, который будет проигрываться без звука. Добавить картинки можно в меню настроек группы.
Настройки группы
После нажатия кнопки «Сохранить» в следующем окне появится форма для настройки обложки для смартфонов.
Как добавить обложку в группу
Параметры изображения
Администрация VK постоянно совершенствует внешний вид своих сервисов, делает его более красивым и удобным для пользователей. Так на смену вертикальным аватаркам пришли горизонтальные фоновые картинки в шапке сообщества. Причем сейчас возможно не только классическое статическое отображение, а использование динамических блоков с таймерами, курсами валют, данными CRM и прочими модулями.
Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.
Разрабатывая дизайн, нужно учитывать и расположение кнопок навигации. Отступ от правого края составляет 66 рх, расстояние между ними 10 рх, а габарит каждой 157 рх.
При поиске картинки не обязательно соблюдать заданные пропорции. Важно, чтобы разрешение было не меньше указанного. А как его подогнать под необходимые параметры мы рассказываем ниже.
Элементы навигации должны располагаться так, чтобы они были видны не только, на ПК, но и на телефоне. Поэтому рассмотрим, как сделать обложку в группе ВК для мобильной версии. Есть свои особенности размеров:
- По 196 рх с каждой стороны просто уходит за пределы видимости.
- Верхние 83 рх заняты служебными пиктограммами, где отображаются часы, сотовые операторы и прочая информация.
- По 140 рх по бокам занимают всплывающие пиктограммы меню и сообщений.
Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.
Точная схема раскладки всех элементов упрощает работу. Но перед утверждением окончательного варианта лучше опубликовать картинку и убедиться, что важные части не перекрываются всплывающими иконками и панелями. Это помогает сделать сообщество привлекательным для пользователей любых устройств.
Меню
Изображение для кнопок ленты меню следует выбирать размером 375 на 265 пикселей. Всего в ленту можно добавить 7 кнопок. К каждой можно привязать ссылку, но это может быть только внутренняя ссылка ВК.
Настроить ленту можно в Настройках сообщества. Максимальная длина текста на кнопке – 20 символов, но для мобильных устройств лучше выбрать более короткие надписи. Длинный текст не помещается на экране смартфона.
Еще больше возможностей дает так называемое «Вики-меню». Вы можете добавить форматированный текст, списки и заголовки, изображения со ссылками, в том числе на сторонние ресурсы.
Вики-меню
В обычном меню уже есть кнопки, «вики-меню» будет полезно только в том случае, если вам требуется добавить более 7 кнопок или ссылки на сторонние сайты. Идеальный пост Для обычных постов на странице следует выбирать изображения шириной не менее 700 пикселей, а для статей – размером не менее 500 на 300 пикселей.
ВК внедрил «умное» ранжирование статей, поэтому для лучшего попадания в ленту следует выбирать качественные картинки. Рекомендуем подбирать изображения с размерами более 1000 пикселей. Минимальная ширина – 700 пикселей.
Соотношение сторон изображения должно быть стандартным. Не стоит добавлять в посты и статьи слишком вытянутые по горизонтали или вертикали картинки. Лучше использовать изображения, близкие по пропорциям к квадрату.
Картинки для десктопов
На персональных компьютерах и ноутбуках картинка в посте ВК выравнивается по ширине. Если изображение уникальное и качественное, его лучше сделать квадратным – так оно будет занимать больше места на экране. Для этого следует использовать горизонтальную ориентацию. В мобильной версии та же ситуация.
Вертикальная ориентация подходит хуже – картинка смещается вбок, выравнивания по центру не происходит. В мобильной версии картинка выравнивается по центру, но вокруг появляются белые поля.
В статьях старайтесь использовать горизонтальные изображения. Они лучше всего встанут на стену.
Не добавляйте картинки с текстом, они мешают заголовку, который и без того появится на картинке в центре. Рекомендуем использовать темные картинки, поскольку заголовок на изображении белого цвета. Впрочем, у текста заголовка есть тень, которая позволяет хорошо различать буквы и на светлых фотографиях.
Чтобы избежать санкций «ВКонтакте», не добавляйте на изображения слова-попрошайки, вроде «лайк» или «репост». Социальные сети борются с накрутками, поэтому могут пессимизировать статью за излишнюю навязчивость.
Какого размера должны быть картинки внешних ссылок «ВКонтакте»?
Как и в случае с обычными картинками для постов, загружаемые изображения, которые подставляются вместе с ссылками на внешние ресурсы, тоже автоматически сжимаются под определенные размеры. «ВКонтакте» рекомендуется использовать следующие размеры для этих картинок:
- Ширина должна быть 537 пикселей;
- Высота должна быть установлена на отметке 240 пикселей.
При этом во время публикации такого изображения вместе с внешней ссылкой «ВКонтакте» предложит обрезать определенную область на картинке с этими размерами, которая и будет использоваться для отображения. При этом, если у картинки будут совсем другие размеры, которые никак не сочетаются с установленными в данной социальной сети, в итоге это изображение просто нельзя будет загрузить на сайт. Это относится к картинкам, которые намного больше и намного меньше указанных размеров.
Товары
Размеры изображений товаров должны быть больше 600 пикселей. Фото добавлять обязательно, без этого опубликовать товар не получится. Подойдет любая достаточно качественная картинка. В ряду товаров будет показываться только выбранный на изображении квадрат, при выборе товара будет открываться карточка со всей картинкой.
Лучше не брать для иллюстрации горизонтальные картинки, из-за них образуются пустые поля. Картинки для товаров рекомендуем подготавливать в едином стиле, так они будут более выгодно смотреться в общем списке.
