😎 Шпаргалка по новым размерам изображений ВКонтакте (+шаблоны)
Сохраняйте в закладки, чтобы держать все под рукой в одном месте, а не искать в просторах интернета, когда срочно понадобится. Для удобства разбила на тематические блоки, дополнила лайфхаками по повышению качества изображения и шаблонами.
✅ Шапка сообщества
➜ Обложка
Статичная: 1920x768px (это обновленные размеры от 24 ноября 2022 года).
Слепые зоны в обложке (за шаблон благодарим Анну Головко):
1920 х 64 - обрезается сверху;
1920 х 640 - видимая область в web и в mobile;
1920 х 64 - обрезается снизу.
Живая: 1080х1920 рх
При создании обложки для мобильной версии учитывайте элементы интерфейса девайса (кнопки, время, заряд батареи и другие значки), поэтому рекомендуется сделать отступ 140 рх сверху
➜ Аватар
Миниатюра аватара — 200х200 px
✅ Навигация и продажи
➜ Плашки меню
В меню можно добавить до 7 ссылок, не считая приложений сообществ. Размер – 376х256 px
➜ Товары
Карточка товара — 1000х1000 px.
Обложка подборки товаров – 1280х720 px.
Видимая часть с мобильной версии — 1060х720 px (минус 92 px по ширине с обеих сторон).
➜ Услуги — карточка услуг 400х400 рх
✅ Истории и клипы
➜ Размер фото и видео — 720х1280 рх.
✅ Альбомы
➜ Видеоальбомы
Минимальный размер обложки видео – 1280х720 px.
➜ Фотоальбомы
Обложка для альбома — 1200х800 px.
Видимая часть с мобильной версии – 1200х600 px (минус 200 px по высоте).
✅ Изображения для постов
➜ Рекомендованный размер квадратного изображения – 1000х1000 px
➜ Прямоугольный баннер — рекомендованное соотношение сторон 4:3, например, 1200х900 рх
➜ Сниппет для внешней ссылки – 537х240 рх
✅ Обложки
➜ Статьи
Размер картинки для лонгрида – 510х286 px.
Но когда подбираете изображение, учитывайте что, часть его закроет текст заголовка и кнопка «Читать».
➜ Плейлист
Минимальный размер – 300х300 px.
❗Лайфхаки:
1. Чтобы видеть ограничения (части, которые будут обрезаны в мобильной версии и т.п.), включите направляющие с помощью сочетания клавиш CTRL и h.
2. Чтобы качество картинки было идеальным, перед сохранением фотографии сведите все слои на новый (ctrl+alt+shift+e), перейдите в «фильтр» — «усиление резкости» — «умная резкость» и поднимите резкость на 10%.
3. Сохраняйте изображение в формате "сохранить для web" в PNG 24, это минимизирует потери в качестве при загрузке ВКонтакте.
#купоннарандом
