- Правильные размеры авы ВК
- Вариант 1: Изображение профиля
- Размер обложки для мобильной версии сайта
- Фотоальбом. Размер 1000 на 660
- Размер обложки для фотоальбома
- Истории. Размер 1080 на 1920 (видео 720 на 1280)
- Баннер. Размер 510 на 510
- Универсальный промопост. Размер 1000 на 700 (или 1000 на 1000)
- Правильные размеры аватара в ВК
- Для профиля
- Для группы
- Шаблоны psd для аватарки
- Размер изображений для записей
- Обложка для статьи. Размер 510 на 285.59
- Размер динамической обложки
- Размер обложки товаров
- Горизонтальная обложка. Размер 1590 на 400 пикселей
- Размер обложки для ПК
- Карточка товара. Размер 1000 на 1000
- Размеры меню
- Сниппет. Размер 537 на 240
- Боковушка большая. Размер 145 на 163
- Обложка для сообщества ВК
- Размеры обложки статьи
- Промопост с кнопкой. Размер 537 на 240
- Размеры для историй
- Аватар группы. Размер 200 на 500 пикселей
- Боковушка маленькая. Размер 145 на 85
- Размер записи с кнопкой
Правильные размеры авы ВК
Как правило, независимо от того, куда добавлен аватар, его размер не ограничен, поэтому изображение можно загрузить без какой-либо предварительной обработки. В данном случае следующие пропорции — не более чем рекомендация, основанная на характеристиках разметки сайта социальной сети.
Вариант 1: Изображение профиля
Учитывая вышесказанное, в качестве фото профиля вы можете добавить абсолютно любое изображение, не нарушающее общих правил ВКонтакте. Очень часто используются личные фотографии, которые позволяют другим людям легко идентифицировать вас и упрощают поиск в Интернете.
Чтобы на странице отображалось квадратное изображение, точно идентичное предварительному просмотру в отсутствие фотографии, соотношение сторон должно быть не менее 200 × 200 пикселей.
Идеальный вариант — размер в полтора-два раза больше нормы. Например, вы можете загрузить фотографию с любым равномерным соотношением сторон, после чего она будет автоматически сжата до нужного масштаба.
Пользователи часто используют вертикальное фото, которое автоматически расширяет другие блоки разметки на странице. В этом случае максимальный размер составляет 200 × 300 пикселей. При этом упомянутое выше правило с увеличением длины и ширины изображения здесь тоже актуально, но с поправкой на соотношение сторон, аналогично 200×300.
Для вертикального изображения минимальный размер ограничен шириной фотографии. То есть установить аватар в горизонтальной ориентации невозможно.
Максимальная высота ограничена ранее упомянутым значением 300 пикселей, которое можно изменить до минимального размера.
В зависимости от отмеченной области при установке ava определяется разрешенная область для выбора предварительного просмотра. Сам эскиз строго ограничен квадратной ориентацией и шириной, установленными для основной фотографии профиля.
На этом мы завершаем этот раздел статьи, так как мы рассмотрели все наиболее важные аспекты.
Размер обложки для мобильной версии сайта
ВАЖНО: Более 75% ежедневного трафика в ВК идет с мобильных устройств, поэтому нужно учитывать элементы интерфейса мобильного телефона и делать соответствующие отступы: 85 пикселей вверху и 140 пикселей по краям.
Маржа мобильного покрытия
Фотоальбом. Размер 1000 на 660
В обложках фотоальбомов есть тонкость: нижний край изображения перекрывает название альбома и затемнен.
Это затемнение интересно воспроизвести в дизайне.
Обложка для фотоальбома
Размер обложки для фотоальбома
Рекомендуемый размер изображения для обложки альбома — 1200×800 пикселей.
В мобильной версии обложка будет отображаться размером менее 200 пикселей, т.е размер будет 1200×600 пикселей.
Размер обложки фотоальбома
Истории. Размер 1080 на 1920 (видео 720 на 1280)
Поэтому рассказы с компьютера опубликовать пока нельзя.
Но вы можете заранее подготовить шаблон, скачать его на телефон и опубликовать.
Истории
Баннер. Размер 510 на 510
Баннеры могут быть разных размеров.
Помните: ширина баннера должна быть не менее 510 пикселей. Если вы сделаете меньше, баннер будет уже, чем размер ленты, и справа будет пустое место.
Сделайте желаемую высоту:
- 510 для квадратного баннера;
- менее 510 на прямоугольник.
Например, 510 х 500 или 510 х 300.
Баннер 510 из 510
Универсальный промопост. Размер 1000 на 700 (или 1000 на 1000)
Универсальный рекламный пост — это обычный баннер. Но его задача — привлечь внимание неподготовленного пользователя, не желающего рекламы. Задача рекламного поста — выделиться среди других, заинтересовать. Поэтому в подавляющем большинстве случаев чем больше, тем лучше. Но все зависит от ваших целей.
Правильные размеры аватара в ВК
Если размер и дизайн основного изображения подобраны неправильно, у вас возникнут проблемы с продвижением. У них разные стандарты по профилю и группе.
Для профиля
Для отображения квадратного изображения на странице в таком формате, как предварительный просмотр без фотографии, стороны должны иметь соотношение 200×200 пикселей. Размер лучше ставить в 1,5-2 раза больше стандартного. Вы можете загрузить любое изображение с одинаковым соотношением сторон. Шкала автоматически выровняется. Пользователи часто размещают вертикальное изображение, которое расширяет остальные блоки на странице. Таким образом, максимальный размер будет 200×300 пикселей.
Для вертикальной фотографии наименьший размер ограничен шириной изображения. Установить горизонтальное фото невозможно. Максимальная высота — 300 пикселей, но ее можно изменить до минимального размера. В зависимости от области, которую вы отмечаете при установке аватара, определяется возможная область для выбора превью. Но эскиз имеет ограниченную ориентацию, он может быть только квадратным с шириной, установленной для основного изображения профиля.
Для группы
Аватар для сообщества ВК очень похож на аватарку. Глядя на его дизайн, пользователи смогут легко узнать вашу аудиторию. Размер миниатюры группы должен быть следующим: минимум 200 × 200 пикселей и максимум 200 × 500 пикселей. Чтобы фотография нормально отображалась на любом устройстве, самая важная ее часть должна быть минимального размера. Когда вам нужно настроить заголовок (обложку группы), чтобы сделать его привлекательным, параметры должны быть: 1590x400px. Для живых обложек с форматом видео: 1080 × 1920, качество Full HD, формат MP4 (кодек h264 aac), вес не более 30 мегабайт.
Размер фото меню в виде баннера сообщества: 600 пикселей по ширине и высоте по вашему желанию. Меню столбца «Свежие новости» — ширина 610 пикселей, неограниченная высота. Чтобы посты хорошо смотрелись, необходимо соблюдать следующие параметры: 510x510px по высоте и ширине. Для фотоальбома обязательны следующие параметры: 1200×800 пикселей, а предметов — 510×286 пикселей. Товары: минимум — 400х400 пикселей, максимальный — 1000х1000 пикселей.
Шаблоны psd для аватарки
Шаблоны PSD — это исходный материал для следующего веб-дизайна. Эта модель отражает основные темы создаваемого сообщества. При использовании шаблонов PSD необходимо обладать базовыми навыками: вырезать объекты и вставлять их в шаблон. Это если вы хотите вставить в шаблон какую-то фотографию или изображение. Также на многих сайтах можно найти огромное количество готовых шаблонов в формате psd.
Размер изображений для записей
Минимальный размер квадратного изображения в сообщении — 510×510 пикселей.
Для прямоугольного размера используйте соотношение сторон 3: 2
Лично я использую 800×800 пикселей для квадрата или 1080×1080 пикселей.
Для прямоугольных — 800х535 пикселей.
Рекомендуемый размер для постов ВКонтакте
Обложка для статьи. Размер 510 на 285.59
Разработчики выбрали интересный размер баннера статьи. Здесь нужно учитывать, что заголовок статьи может состоять из 1 или 2 строк, поэтому кнопка чтения может перемещаться.
Если вы собираетесь как-то превзойти эти элементы, учитывайте расстояние.
От верхнего края баннера до начала заголовка одной строки будет 88 пикселей (верхний регистр) и 94 пикселей (верхний регистр), до того, как заголовок двух строк будет иметь размер 75 пикселей (верхний регистр) и 79 пикселей (верхний регистр). Расстояние от верхнего края обложки до верхнего края кнопки для однострочного заголовка будет 174 пикселей, для двухстрочного заголовка — 189 пикселей, а размер самой кнопки — 89,19 пикселей в ширину и 30 пикселей в высоту. Шрифт заголовка — Roboto с черным лицом, размер шрифта в заголовке — 30 пикселей в одну строку, а если заголовок состоит из двух строк, — 24 пикселей.
Обложка для статьи
Размер динамической обложки
Динамическая обложка — вид обложки, занимающий большую часть экрана при переключении на группу. Выглядит очень эффектно, но открывается только на мобильных устройствах.
Размер динамической обложки
Свернутая обложка — это часть, которую видит пользователь, присоединяясь к сообществу.
Расширенная обложка: часть, которая раскроется на весь экран после нажатия на свернутую обложку.
Размер обложки товаров
Рекомендуемый размер изображения для товаров — 1000×1000 пикселей.
Размер крышки продукта
Горизонтальная обложка. Размер 1590 на 400 пикселей
Горизонтальная крышка имеет 2 размера.
1-й размер 1590х400 для компьютерной версии ВКонтакте.
Полноразмерная горизонтальная крышка
В мобильном приложении в контакте обложка обрезается слева и справа на 197 пикселей.
Поэтому в мобильном приложении на экране видны только 1196х400 пикселей.
Из них область, которая ничем не покрыта, еще меньше, поскольку на 83-пиксельную полосу вверху накладывается панель с уведомлениями Android.
Еще 140 пикселей слева и справа в мобильной версии могут быть заняты кнопками, но они чаще белые и не сильно перекрывают изображение.
Но поскольку мы можем загрузить только одну обложку и для компьютера, и для мобильной версии ВКонтакте, все эти отступы необходимо учитывать при разработке обложки и не включать важные элементы, такие как логотип и надписи.
Вот как выглядит адаптированная для мобильных устройств обложка на компьютере:
Обложка адаптирована под мобильную версию
Вот как выглядит эта же обложка в мобильном приложении:
Размер обложки для ПК
Размер обложки для ПК 1590х400 пикселей.
Размер крышки ПК
Карточка товара. Размер 1000 на 1000
Блок продуктов
В товарном блоке на странице группы отображается 3 позиции. Вы можете проявлять творческий подход к ним и делать что-то общее.
Размер товарного листа 1000 на 1000. Или любой другой квадрат.
Размеры меню
Размер обложки меню 376 × 256 пикселей.
Видимая часть текста до 19 знаков, включая пробелы. Если символов больше 19, часть текста не будет видна.
Размер меню
Сниппет. Размер 537 на 240
Фрагмент получается, когда вы прикрепляете ссылку к посту. И эта ссылка образует изображение под сообщением, на которое вы можете нажать.
Похоже на то:
Фрагмент
Когда я размещаю статью на этом сайте, я готовлю изображение для статьи и отдельный сниппет для социальных сетей.
Боковушка большая. Размер 145 на 163
Отличная сторона
Обложка для сообщества ВК
В некоторых группах ВК в 2020 можно заметить, что аватар отсутствует. Вместо этого помещается крышка во всю ширину. Обычно это логотип группы с кратким описанием. Или даже реклама каких-то мероприятий. Его размеры должны быть 1590 х 400 пикселей. Но если вы создадите изображение, чтобы заполнить всю область покрытия, оно может не полностью отображаться на мобильных устройствах. Поэтому рекомендуется создавать изображения, на которых со всех сторон по центру будут отступы. И еще проще: создайте основное изображение так: 1196 x 315 пикселей. Затем создайте простой белый фон, поместив изображение на белый холст в редакторе размером 1590 x 400.
Обложка группы ВКонтакте
Это можно сделать в любой программе, включая стандарт Paint в Windows. Вы также можете добавить несколько своих логотипов к фону светлыми цветами, чтобы они не выглядели скучно. Или добавить другую графику. Недавно разработчики ВКонтакте предложили сообществам возможность публиковать «живые» обложки. Это короткие видеоролики, которые могут сменять друг друга в определенное время. Всего для скачивания доступно до 5 видео.
В «живом» фоне можно использовать как видео, так и изображения. Доступны 3 различных дизайна обложки: видео, изображения и изображения с изменяемым размером. В этом случае миниатюру аватара для группы в ВК необходимо скачать отдельно.
Чтобы добавить обложку:
- Нажмите кнопку «Управление группами» справа;
- Выберите кнопку «Настройки»;
- Найдите строчку «Обложка сообщества» среди статей здесь»;
Обложка сообщества ВКонтакте Скачать - Установите обложку для группы.
Размеры обложки статьи
Размер изображения для обложки статьи 510×286 пикселей.
Часть изображения скроет кнопку «Читать» и текст заголовка!
Размер обложки статьи
Промопост с кнопкой. Размер 537 на 240
Рекламный пост с кнопкой
Рекламный пост с кнопкой — это тот же фрагмент.
Бытует мнение, что все больше людей переходят на промопосты с помощью кнопки. По моему личному опыту, это не сработало. Намного лучше, что в 3 раза эффективнее, чем обычный рекламный пост без фрагмента и кнопки.
Размеры для историй
Размер фото: 1080×1920 пикселей.
Размер видео 720х1280 пикселей.
Технические характеристики видеозаписи:
- до 15 секунд;
- не более 10 МБ;
- кодек h.264;
- звук CAA.
Используйте фото и видео в портретном формате.
Размеры фото и видео для рассказов
Аватар группы. Размер 200 на 500 пикселей
Аватар и миниатюра
Максимальный размер аватара — 200х500 пикселей. Из аватара формируется миниатюра (миниатюра) — круг.
Поскольку около 70-80% посетителей группы используют мобильные устройства, они не видят полноразмерный аватар.
Поэтому используйте его только для предварительного просмотра и используйте горизонтальный заголовок в качестве основной обложки.
Боковушка маленькая. Размер 145 на 85
Маленькая сторона
Размер записи с кнопкой
Если в посте добавить ссылку на внешний сайт или приложение ВКонтакте, она будет отображаться в специальном блоке — сниппете или, проще говоря, при нажатии на изображение пользователь сразу перейдет в указанную область ссылки.
Рекомендуемый размер изображения для записи одной кнопки — 537×240 пикселей.
Запишите размер кнопкой