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

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

Содержание

  1. Что такое аватарка?
  2. Размер аватарки для группы.
  3. Как создать аватарку для группы Вконтакте?
  4. Скачать макет аватарки
  5. Добавляем аватарку в группу
  6. Видео гид. Как создать и загрузить аватарку в группу Вконтакте?

Что такое аватарка?

Это основная фотография (изображение), нашего сообщества. Располагается в правом верхнем углу экрана. Ниже вы можете посмотреть пример аватарки в нашем сообществе.

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

Просмотр аватарки в группе, с компьютера

А это вид при просмотре через мобильное приложение.

Просмотр аватарки с мобильного

Как видите, картинка не меняется.

Перед тем, как перейти к ее созданию, нужно разораться с размерами.

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

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

  • 200x500px. Максимальный размер.
  • 200x***. Допускается уменьшать высоту, до квадратного размера 200x200px. Кстати, у нас в группе картинка квадратная.

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

На схеме ниже это видно.

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

Как создать аватарку для группы Вконтакте?

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

Запустите его, и создайте новый проект. Для этого нажмите меню «Файл — Создать«.

Создание нового проекта в PhotoShop

На следующей странице укажите размеры макета. Мы будем работать с полноразмерным файлом. Поэтому указываем 200px ширину, и 500px высоту. Затем нажимаем «Создать«.

Задаем размеры макета

Установим цвет фона, чтобы было удобнее работать.

Рекомендую Вам сразу установить направляющие. С их помощью мы разметим рабочую область.

На этом макете нужна только одна горизонтальная направляющая, со значением 200px.

Для ее добавления откройте меню «Просмотр«, и там выберите пункт «Новая направляющая«.

Добавление направляющих

В открывшемся окне выберите «Горизонтальная«, и установите в поле «Положение«, значение 200px. Нажмите «ОК«.

Установка горизонтальной направляющей

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

Теперь нужно сохранить наш макет. Можно использовать формат PNG или JPG.

Нажмите сочетание клавиш Ctrl+Alt+Shitf+S, либо выберите пункт в меню «Сохранить для веб«. На следующей странице выберите формат файла, и нажмите «Сохранить«.

Сохраняем аватарку

Скачать макет аватарки

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

Скачать макет аватарки

Добавляем аватарку в группу

Когда у нас есть подготовленный графический файл, можно установить его в группу. Эта операция доступна только для администраторов (как добавить их в группу?).

Перейдите в нужное сообщество. Если аватарка ранее не была добавлена, нажмите «Загрузить фотографию«.

Переходим к загрузке аватарки

В открывшемся окне нажмите «Выбрать файл«. Найдите подготовленную картинку на жестком диске вашего компьютера. Выделите нужную область и нажмите «Сохранить и продолжить«.

Затем выберите часть для миниатюры. Мы подготовили для нее значок в верхней части файла. Выделите его и нажмите «Сохранить изменения«.

Аватарка установлена!

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

Меняем фотографию группы

Дальше действуем по аналогии.

Ссылка для удаления фотографии, располагается в правом верхнем углу.

Удаление аватара

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

Получение значений из вложенного списка json (VK api на Python)

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

Ссылка на документы vk api (photo.get): https://dev.vk.com/method/photos.get

 [
{"album_id": -7,
 "дата": 1647940135,
 "id": 457246299,
 "id_владельца": -193322879,
 "post_id": 16562,
 "размеры": [
 {"height": 130, "url": "https://sun9-64.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=130x130&quality=96&sign=161ce4dbcc300d5434f5332306a54f14&c_uniq_tag=EJOoWWBqMneHuY0UOJm1M9RnRzZJcOI-zJfzHKDNda4&type=album", " тип": "м", "ширина": 130},
 {"высота": 130, "url": "https://sun7-6.
userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=130x130&quality=96&sign=161ce4dbcc300d5434f5332306a54f14&c_uniq_tag=EJOoWWBqMneHuY0UOJm1M9RnRzZJcOI-zJfzHKDNda4&type=album", "type": "o", "width": 130}, {"height": 200, "url": "https://sun7-6.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=200x200&quality=96&sign=d0f4df2eeec7b1395292fd10f0a0e47f&c_uniq_tag=14xJ5JVQks6Vy9belwTdpZAqODJa3l76EAQuXaSnSes&type=album", "type" : "р", "ширина": 200}, {"высота": 320, "url": "https://sun7-6.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=320x320&quality=96&sign=03c03d728520a413f611cdf0db6083b4&c_uniq_tag=vezxYPaxbmSJM7GwdklhYhM6ZBqquVudd3T2Y7XS5PY&type=album", "type": "q", "width": 320}, {"height": 510, "url": "https://sun7-6.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=510x510&quality=96&sign=dd9cdd42f232b9f96409bad84ace87cd&c_uniq_tag=N3l2geecxWc_SipOMG2as9Pn4dQZZGdQ96F5NJRsBNo&type=album", "type" : "r", "ширина": 510}, {"высота": 75, "url": "https://sun9-64.
userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=75x75&quality=96&sign=02846e1702ab3e0a7cd70122acaa0a6c&c_uniq_tag=JregusGVj2BPy6ojKAe51n1RJQIC-tenm5w4mLtfWlU&type=album", "type": "s", "width": 75}, {"height": 604, "url": "https://sun9-64.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=604x604&quality=96&sign=9fec9e9d5f51c5640baaf21257bf679c&c_uniq_tag=4BS5xJA73UTeGXw58Fc6WS21AVLDBE2oh4NXjVa7thU&type=album", "type" : "х", "ширина": 604}, {"высота": 807, "url": "https://sun9-64.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=807x807&quality=96&sign=be189a96a131049788a79dc1dd4d25ca&c_uniq_tag=9aXBOQlWEh7S96DwhVYM-NleGXzcd5iTBEh3ZjGxfCI&type=album", "type": "y", "width": 807}, {"height": 1000, "url": "https://sun7-6.userapi.com/impf/mxRWsDaK1gMa-g6EKD0QEpl3NjWszqKTlbF5_Q/Bn71Q2tYx58.jpg?size=1000x1000&quality=96&sign=a7b44523aae37593fbf1cf3d6e08a86f&c_uniq_tag=rHMEBYwXrIG5_GehlbEFMMHKRXa5PG5FyzyOVCUN2oQ&type=album", "type" : "z", "ширина": 1000} ], "текст": "", "user_id": 100, "has_tags": ложь}, {"album_id": -7, "дата": 1647940118, "id": 457246298, "id_владельца": -193322879, "размеры": [ {"высота": 130, "url": "https://sun9-25.
userapi.com/impf/fO6mezXjIJVIWA0IWPe.....

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

Для формирования структуры я использую следующий подход:

 def make_image_dataframe(all_photos):
    отфильтрованные_данные = []
    для изображения в all_photos:
        пытаться:
            идентификатор = изображение ['id']
        кроме:
            идентификатор = 0
        пытаться:
            post_id = изображение['post_id']
        кроме:
            post_id = 0
 

Структура, которую я хочу иметь после (dataframe):

 id post_id date time timestamp link_x_type link_y_type link_z_type
 

Пользователь Вивек В.К. — Спросите Ubuntu

Загрузка…

Вивек В К

  • Участник на 9 лет, 1 месяц

  • Последнее посещение больше недели назад

Сообщества

Посмотреть все
  • Переполнение стека

    1,1к

  • Рекомендации по программному обеспечению

    355

  • Спросите Ubuntu

    287

  • Математика

    161

  • Астрономия

    145

О

В настоящее время я являюсь аспирантом в области астрофизики в Технологическом университете Суинберна.

Значки

Посмотреть все значки

У этого пользователя еще нет золотых значков.

2

серебряные значки

  • Годовик

    14 ноября 2019 г.

  • Примечательный вопрос

    12 февраля 2018 г.

10

бронзовые значки

  • Любопытный

    5 июля 2014 г.

  • Кокус

    14 июня 2016 г.

  • Ученый

    1 апреля 2014 г.

Лучшие теги

Просмотреть все теги

sshfs

2

Оценка

2

Сообщений

25

Сообщений %

файловый сервер

2

Оценка

2

Сообщений

25

Сообщений %

гном-терминал

2

Сообщения

25

Сообщения %

сценарии

2

Сообщения

25

Сообщения %

бить

2

Сообщения

25

Сообщения %

беспроводной

2

Сообщения

25

Сообщения %

Лучшие посты

Все Вопросы Ответы

Счет Новейшие

вопрос

6

Есть ли способ сократить (не удалить) путь, отображаемый в терминале, с помощью псевдонима

1 апреля 2014 г.

вопрос

3

Как скопировать часть строки в другую позицию

7 апреля 2014 г.

вопрос

3

Как периодически делать резервную копию папки при изменении?

1 августа 2014 г.

вопрос

2

Как я могу сгруппировать файлы в каталоге в зависимости от их размера файла

3 апреля 2014 г.

ответ

2

Как я могу просмотреть все папки, смонтированные в настоящее время через sshfs?

4 июля 2014 г.

вопрос

1

Ограничить ap-hotspot для подключения к фиксированному количеству устройств или только к известным устройствам

7 июня 2014 г.

вопрос

1

Как я могу просмотреть все папки, смонтированные в настоящее время через sshfs?

4 июля 2014 г.

вопрос

Перенос сеанса ssh между одними и теми же физическими устройствами из одной сети в другую

6 июня 2014 г.

Автор записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *