4.4. Как загрузить изображения в виджет «Список» (List)

Актуальная справка по приложению «Конструктор виджетов»:
https://vk.com/@widgets_constructor_app-help
4.4. Как загрузить изображения в виджет «Список» (List), image #1

В виджет «Список» можно добавить изображения к каждому элементу. Всего есть 3 типа изображений:

  • Аватары пользователей
  • Аватары сообществ
  • Загруженные из файла изображения
Важный момент: в виджете могут быть изображения только одного типа! Это означает, что во всех элементах виджета должны быть либо аватары пользователей и аватары сообществ, либо загруженные из файла изображения.

1. Аватары пользователей

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

Например, чтобы показать аватар Павла Дурова, нужно указать в поле Изображения следующий код:

id1

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

Практически каждая ссылка содержит айди пользователя (после id=)
Практически каждая ссылка содержит айди пользователя (после id=)

Также вы можете поставить в элемент аватарку пользователя, который видит виджет. Для этого используйте специальный код {АВАТАР}, все коды перечислены здесь.

2. Аватары сообществ

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

Например, чтобы показать аватар сообщества «ВКонтакте API», нужно указать в поле Изображения следующий код:

club1

Чтобы узнать айди сообщества, откройте его страницу и наведите курсором на любую ссылку, как на скриншоте:

Практически каждая ссылка содержит айди сообщества
Практически каждая ссылка содержит айди сообщества
Лайфхак: Вы можете совмещать аватары пользователей и сообществ. Просто указывайте id- вместо club. Например: id-1 покажет то же, что и club1.

Загруженные изображения

Вы можете загрузить собственные изображения для отображения виджете «Список». Оптимальный размер — 150х150 пикселей, но можно загружать изображения любого размера, они автоматически обрежутся до оптимального размера.

Пример загрузки иконки для элемента
Пример загрузки иконки для элемента

Рекомендуемые формат изображений — JPG и PNG. Если изображение не загружается, попробуйте поменять формат.

360 views·1 share