Аватарка в контакт вместо фотографии: Сменить аватарку вконтакте. Быстрый способ поменять аву в вк. Моментальная фотография профиля

Содержание

Как сделать вертикальную аватарку в контакте. Способы создания аватарки для группы вконтакте

Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.

Примеры:

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

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

После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.

Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.

Порезка

Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.


Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)


С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.

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

После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…

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

В папке куда мы сохраняли порезку мы увидим примерно такое.


Единый блок аватара и меню для группы Вконтакте

Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат

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

Завершение

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

Полезные статьи на похожей тематики:

Забавное видео (местами и не поймешь «фотошоп» или нет)

Внимание конкурс:
Подарю набор стикеров на выбор тому, кто повторит данный урок, и у него получится сделать аватар и закреп одним целым 😉

Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе

«. Какой размер должен быть у картинки для обложки?

Размер обложки для группы ВКонтакте 795x200px или 1590x400px

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

Разумеется, лучше будет использовать в оформлении группы обложку размером 1590x400px , чтобы оно отлично смотрелось на всех устройствах. Эти размеры рекомендованы официально технической поддержкой VK.com.

Чтобы не портилось качество картинок при загрузке в Vk.com

Многие замечают, что при загрузке картинки в Vk.com, изображение «мылит», то есть искажается. Что делать в таких случаях? Чтобы картинки не искажались, на них не появлялись цветовые шумы похожие на рябь, следует при сохранении картинки в фотошопе выбрать:

Меню Файл -> Сохранить для WEB -> в появившемся окне настроек поставить галочку возле » способ загрузки изображения с помощью перетаскивания картинки из папки на строку загрузки в ВК.

Как загрузить/установить/включить обложку группы ВКонтакте

Когда у вас уже готова обложка для сообщества (шаблон в формате.PSD для шапки группы размером 1590x400px, вы можете скачать ниже по ссылке), для того чтобы ее загрузить и установить вам потребуется проделать следующие действия:

  • Под аватаркой группы заходите в «Действия»
  • Выберите «Управление сообществом»
  • В «Основной информации» пункт «Обложка Сообщества», нажимаете «Загрузить»
  • В появившемся окне «Загрузка новой обложки» загружаете оформленную обложку для сообщества вконтакте перетаскиванием из папки на компьютере (описано выше)
  • Сохраняете изменения

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

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

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

Какой должна быть аватарка группы?

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

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

Ищем готовую картинку

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

Делаем аватарку с помощью онлайн-редакторов

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

Делаем аватарку в «Фотошопе»

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

Создаем аватарку

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

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

Евгения Крюкова

*Обновление статьи.

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

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

Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.

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

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

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


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

Покажу на примере.

У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.

Обложка

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


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

Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.


Прикрепленные изображения

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

Звучит слегка запутано:) Поэтому покажу на примере.

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


А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):


Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:

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

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


Все эти данные берутся из кода разметки Open Graph :


Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:


Либо загрузить свое:


Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.


Картинка для статьи, созданной в редакторе

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

Хороший пример:


Не очень хороший пример:


Размер фото и видео для историй

Размер для фотографий — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.

Технические характеристики для видеозаписей:

  • до 15 секунд;
  • не больше 5 МБ;
  • кодек h.264;
  • звук AAC.

В историях необходимо использовать фото и видео вертикального формата.

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

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





Обложка + описание сообщества + ссылка на сайт

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



Описание с хэштегами

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


Закрепленный пост, рассказывающий, о чем страница

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


А вот что видит пользователь после того, как он кликнет по ссылке:


Новое меню ссылок

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


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

Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:


Чтобы добавить пункт меню, нажмите «Новая ссылка».


В раскрывшемся окошке выберите обложку (минимальный размер – 376х256 px), введите название пункта меню (важно уложиться в 20 символов с пробелами), добавьте ссылку и нажмите «Сохранить».


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


На выходе должно получиться что-то вроде этого:


Меню группы открытое

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

Вот как выглядит закрепленный пост в шапке страницы Flatro:



Меню группы закрытое

Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».


А вот что мы видим, когда кликаем по нему:

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


Слитное меню для группы

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


Хотите красиво оформить свое сообщество «ВКонтакте», но нет необходимых навыков? Закажите оформление в нашей компании. Подготовим для вас аватар, обложку, шаблоны для рубрик, меню и превью товаров.

Гифка и аватар одним изображением

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


Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность:)

Скрытое меню

Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.


Автоматически воспроизводимое видео

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

  • Прикрепить ролик к записи и закрепить эту запись вверху сообщества.
  • Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию.
  • Видео должно быть загружено «ВКонтакте» – сторонние плееры не поддерживаются.


Запись, которая получает много репостов

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



Анонсы новых клипов, альбомов, мероприятий



Презентация новых товаров/услуг


Скидки и акции


Кейсы, отзывы клиентов



Реклама приложения


Розыгрыши


Правила сообщества


Ссылки на другие соцсети


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

Каким должен быть аватар

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

Миниатюра аватара

  1. Текст на миниатюре аватара должен быть достаточно крупным, чтобы его можно было прочитать.


  2. Текст не должен выходить за пределы миниатюры.


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


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

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


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

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


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

Какую информацию можно разместить на миниатюре аватара

Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:

Анонс нового продукта/услуги/события


Преимущества компании/сервиса/страницы


Номер телефона компании


Выгодные цены


Бесплатная доставка


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


Акции


Конкурсы


Вакансии


Каким должен быть сам аватар?

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

  1. Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
  2. Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:

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

  4. Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.


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

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


Какую информацию можно разместить на аватаре?

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

Домен сайта


Телефон/адрес/время работы


Конкурсы/акции


Самые покупаемые товары/новинки


Информация о доставке


Реклама мобильного приложения


Главные преимущества компании/страницы/товара и т. д.


Обновление ассортимента/новое творчество и т. д.


Информация о том, что ваше сообщество является официальным


Информация о предстоящих мероприятиях


Адреса аккаунтов в других социальных сетях


Расширенное описание страницы


Хвасты


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

Как создать слитные аватар и меню

Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.

  1. Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
  2. Откройте изображение, которое вы хотите взять в качестве основы.
  3. Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.


  1. Добавьте эффекты, текст, графику и т. д.


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


  1. Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».


  1. Удалите лишние фрагменты (правый щелчок мыши – «Удалить фрагмент») и подредактируйте уже имеющиеся (правый щелчок мыши – клик в пустое место – берем нужную область и растягиваем ее до нужного размера).


  1. Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».


  1. Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.


P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:

Как использовать виджеты

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

Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:




class=»incut»>

Как оформить изображения к постам

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

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

Где взять хорошие изображения?

У нас в блоге есть хорошая статья на эту тему – « ». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.

А что делать тем, кто не умеет работать в «Фотошопе»?

Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:

1. Fotor.com



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



Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.


После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.


Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.


Как пользоваться вики-разметкой

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

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

Точно также как у WordPress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:


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

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

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

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

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

  • Аватарка;
  • Обложка.

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

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

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

Способ 1: Создаем аватарку для группы

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

Кроме прочего, в качестве аватарки паблика VK не могут выступать картинки с прозрачным фоном или конвертированные в формат, отличающийся от «JPG» , «PNG» или «GIF» .


  • Ширина – 250 пикселей;
  • Высота – 450 пикселей;
  • Разрешение – 72 пикселя/дюйм.

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

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

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

    Чтобы лучше понимать сказанное, рассмотрим пример некоммерческой аватарки для сообщества музыкальной тематики.

    1. С помощью инструмента «Прямоугольник» , используя дочерние возможности, создайте ровный круг, несколько меньший в диаметре, чем ширина аватарки.
    2. Добавьте тематическое изображение, отражающее основную идею сообщества, перетащив картинку в рабочую область редактора.
    3. Масштабируйте изображение таким образом, чтобы его основная часть попадала в рамки ранее созданного круга.
    4. Для удобства используйте зажатую клавишу «Shift» , позволяющую равномерно масштабировать картинку.

    5. Переместите слой с добавленным изображением над ранее созданной формой.
    6. Раскройте меню ПКМ картинки и выберите пункт «Создать обтравочную маску» .
    7. В качестве дополнения добавьте для фигуры круга различные элементы стилизации в разделе «Параметры наложения» , например, обводку или тень.
    8. С помощью инструмента «Текст» добавьте в нижнюю часть изображения название сообщества.
    9. Добавьте тексту параметры наложения не нарушая цветовой гаммы, учитывая ранее добавленное изображение.
    10. С помощью того же инструмента «Текст» добавьте дополнительные подписи под названием паблика и стилизуйте их аналогичным способом.

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


    На этом все действия касательно аватарки сообщества в социальной сети ВКонтакте можно завершить.

    Способ 2: Создаем обложку для группы

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

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

    1. Находясь на главной странице группы, раскройте меню «…» и перейдите к разделу «Управление сообществом» .
    2. При помощи навигационного меню с правой стороны переключитесь на вкладку «Настройки» .
    3. В блоке «Основная информация» найдите раздел «Обложка сообщества» и кликните по ссылке «Загрузить» .
    4. В поле загрузки картинки перетащите сохраненную в Photoshop фотографию.
    5. С помощью рамки выделите закачанную фотографию и нажмите кнопку «Сохранить и продолжить» .
    6. После этого вы получите уведомление о том, что обложка была успешно установлена.
    7. Чтобы убедиться в этом, вернитесь на главную страницу паблика.

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

    iOS и Android в деталях: аватарки контактов: olimo — LiveJournal

    С эпохи Siemens A35 и Nokia 3310 телефоны далеко шагнули вперед и приобрели прекрасные большие цветные экраны. Стало популярно использовать фотографии контактов, которые отображаются при входящем звонке. Красиво, отличная идея, казалось бы.

    Однако с появлением этой функции возникло и неудобство: не у всех контактов имеются фотографии, для некоторых их раздобыть проблематично. А вместо них телефон подсовывает стандартную картинку, как бы намекая: у контакта нет фотки! у контакта нет фотки! У КОНТАКТА НЕТ ФОТКИ! По крайней мере так я воспринимала это на Android, и мне это не нравилось. По возможности я присваивала даже исключительно интернетным контактам хотя бы аватарку с форума или находила фотку в социальной сети.


    При входящем звонке…


    *Скриншот снят с помощью Fake Call, вид слегка отличается от реального, но весьма похож. На HTC аватарка или дефолтный андроид отображается в рамке.

    В цепочке SMS…

    В контактах…

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

    При входящем звонке просто отображается имя звонящего. О том, что может быть фотография, можно и не вспомнить. (Если она есть, то отображается так же, как на этом скриншоте обои — крупно.)

    В цепочке SMS:

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

    В контактах:

    Ну, тут совсем все серьезно. Только имена.

    Заодно не могу не отметить косяк Google с этими самыми аватарками. Дело в том, что на андроиде удобно использовать адресную книгу Google, которая автоматически синхронизируется с контактами Gmail. Отличная возможность. Но контакты Gmail почему-то поддерживают аватарки размером не более 100х100 пикселов. Даже при низком разрешении экрана картинка растягивается и неприятно замыливается. Об этой проблеме писали еще год назад, когда я купила свой первый андроид-телефон. До сих пор ее никто не исправил. Так что: либо откажись от синхронизации и юзай локальные контакты телефона, либо откажись от фоток и смирись с зеленым андроидом при звонке, либо наслаждайся замыленными фотками своих контактов при входящих звонках.

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


    *Подозреваю, что кривоватое выравнивание ника на совести Fake Call.

    Что означают аватарки в социальных сетях

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

    Аватарки со смыслом: мнение психолога

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

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

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

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

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

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

    Сильная личность в этом плане не боится своих естественных фотографий и использует редактирование фото умеренно и по объективным причинам.

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

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

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

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

    Что значит аватарка в соцсетях?

    Тип 1: Анонимус

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

    Тип 2: Профессионал

    Полная противоположность Анониму. Такой человек относится к ведению своей страницы серьёзно. Он не имеет яркого профиля, а на его аватарке, скорее всего, будет располагаться собственная фотография в деловом костюме. Профессионалы понимают значение внешнего вида у специалиста и пользуются этим как в жизни, так и в интернете. Часто под личиной профессионала скрываются не только настоящие эксперты, но и псевдогуру. К ним же можно отнести и различных коучей. Этим людям важно, чтобы к их мнению прислушались, а их курс или вебинар купили.

    Тип 3: Блогер

     Этот тип пользователей Сети отличается от остальных подходом к ведению профиля и размещению аватара. Делится он на профессиональных блогеров и любителей. Первые активно продвигают тему своего блога через аватарку. Автор снимает машины – на фото будут машина и он сам. Продаёт курсы на растяжку – фото с новой растяжкой будет стабильно меняться перед продажей каждого вебинара. Говорит о книгах – фото с томиком Ремарка уже обрабатывает фотограф. Такие аватарки всегда редактируются профессионально и снимаются чаще всего на фотосессиях.

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

    Тип 4: Гик

    Самый креативный тип аватарок в Сети. Меняет картинки часто, ставит на них изображение любимых героев игр, фильмов и книг. Если видите на аватарке профиля персонажей игр или комиксов – перед вами гик. Изначально под гиками понимали людей, увлечённых технологиями, настольными ролевыми играми или их компьютерными аналогами, а также комиксами и научной фантастикой. Теперь же диапазон расширился.

    Гик в современном понимании – это просто фанат, увлечённый своим хобби, связанным с просмотром, чтением или игрой в произведение гик-культуры. Существует и аниме-ответвление гиков, таких людей принято называть «отаку». У них на аватарках вы можете обнаружить персонажей японской анимации и комиксов.

    Тип 5: Нормиз

    Нормизами пренебрежительно называли и называют рядовых пользователей сети. Данное слово возникло на заре интернета и стало популярным в 1990-е в США. Нормиз, или нормальный – это пользователь, который не интересуется новинками соцсетей, не разбирается в играх или мемах, а также ведёт в Сети самую обычную деятельность, не примыкая ни к каким группам по интересам.

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

    Как сделать свою аватарку со смыслом?

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

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

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

    Материал подготовила Анна Чекрыжова

    Изменение или удаление изображения профиля на сайте Webex

    26 октября 2021 г. | 356153 просмотра | 3322 человека сочли это полезным

    Изменение или удаление изображения профиля на сайте Webex

    Изображение вашего профиля отображается на панели участников и при отключении видео во время Webex Meetings. Отображение изображения профиля облегчает другим узнавать вас.

    1

    Войдите на свой сайт Webex, выберите свое имя в правом верхнем углу сайта Webex, а затем выберите Мой профиль.

    2

    Выберите «Изменить» на изображении профиля.

    Если вы еще не добавили изображение, вы увидите свои инициалы в кружке.

    3

    Выберите Загрузить изображение, а затем найдите изображение, которое хотите загрузить.

    Используйте изображение размером больше или равное 720 × 720 пикселей и размером менее 5 МБ.


    Используйте ползунок внизу, чтобы увеличить масштаб.Перетащите изображение, чтобы изменить его положение.

    4

    Выберите Сохранить.

    Удалить изображение профиля

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

    1

    С помощью вашего любимого программного обеспечения для редактирования изображений создайте изображение размером не менее 720 × 720 пикселей и размером менее 5 МБ. размер.

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

    2

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

    Когда я меняю свой аватар Gmail, почему он не обновляется везде?

    Когда я меняю свой аватар Gmail, почему он не обновляется везде? — Обмен стеками веб-приложений
    Сеть обмена стеками

    Сеть Stack Exchange состоит из 179 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

    Посетите биржу стека
    1. 0
    2. +0
    3. Войти
    4. Зарегистрироваться

    Web Applications Stack Exchange — это сайт вопросов и ответов для опытных пользователей веб-приложений.Регистрация занимает всего минуту.

    Зарегистрируйтесь, чтобы присоединиться к этому сообществу

    Любой может задать вопрос

    Любой может ответить

    Лучшие ответы голосуются и поднимаются на вершину

    спросил

    Просмотрено 223 тысячи раз

    Я изменил свой аватар Gmail, используя:

    Настройки Общие Моя картинка Изменить картинку

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

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

    Алекс

    22.2k1212 золотых знаков7878 серебряных знаков102102 бронзовых знака

    спросил 22 января 2013 в 5:29

    РайанРайан

    37111 золотой знак33 серебряных знака44 бронзовых знака

    1

    У меня была такая же проблема, пришлось зайти в контакты gmail и удалить все записи у себя.После того, как я это сделал, вуаля, все исправлено. Чтобы перейти к контактам, нажмите кнопку GMAIL в левом верхнем углу, и появится раскрывающийся список, в котором вы можете выбрать «Контакты». Убедитесь и удалите записи контактов для себя в разделе «Мои контакты» и «Другие контакты».

    Добавить комментарий

    Ваш адрес email не будет опубликован.

    Закрыть
    Menu