Оформление группы в вконтакте: меню, анимированные обложки, размеры изображений и прочие тонкости

Размеры для YouTube

Несмотря на то, что на YouTubе чаще всего ищут и смотрят видео, картинки там тоже нужны. Макеты необходимо делать для профиля, обложки и превью видео.

Рекомендованный размер для фото профиля — 800 х 800px (для мобильной версии — 98 х 98px). Поддерживаются все форматы (jpg, png, bmp, gif).

Рекомендованный размер для фото обложки — 2560 х 440px, но не менее 2048 х 1152px (для TV-формата).

Что касается макета к видео, то выбрать нужный размер вам поможет картинка:

Safe area (Безопасная зона) — 1546 х 423px отображается на всех устройствах, во всех браузерах. Что касается разрешения на десктопах (2560 х 423px), на планшетах (1855 х 23px) – Безопасная зона будет отображена без изменений, а остальные размеры — исходя из размеров окна вашего браузера.

Советы:

• При изготовлении макетов учитывайте, что они по-разному отображаются в мобильной версии, на десктопе и на телевизоре.
• Размеры файла не должны превышать 6 Мб.

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

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

Не забудьте также прочитать наши статьи:

ТОП сервисов, чтобы быстро изменить размер изображения

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

Мы подобрали ТОП 3 сервиса для автоматической обрезки и сжатия файлов.

Canva

Canva

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

Adobe Photoshop

Adobe Photoshop

С помощью всем привычного Adobe Photoshop можно быстро установить нужный размер изображений для социальных сетей. Но тебе потребуется руководство по социальным сетям, так как в Photoshop нет шаблонов для этого. Меняя пропорции и размер картинки, не забудь конвертировать ее в Smart Object, чтобы не ухудшить качество.

Adobe Spark

Adobe Spark

Adobe Spark – это интегрированный набор приложений для создания мультимедиа контента для мобильных устройств и веб-приложений, разработанный Adobe Systems. Он состоит из трёх отдельных дизайнерских приложений: Spark Page, Spark Post и Spark Video

Рекламные баннеры в группах

Коммерческие сообщества ВКонтакте не обходятся без рекламы. Баннеры являются основным объектом, где можно разместить собственную или партнёрскую рекламу. Оптимальным размером для баннера является: 510 x 510 px. Хотя высота может быть и значительно большей. В группах также часто размещаются карточки товаров. Размеры их изображений делают не более, чем 1 000 x 1 000 px. В этом разделе отображаются их миниатюры. При клике пользователю разворачивается всё изображение.

Чтобы сделать собственную обложку или картинку для группы, вы можете воспользоваться десктопными программами, вроде Adobe Photoshop или Gimp. Но в сети есть несколько удобных и подходящих ресурсов. Они помогут вам создать уникальный дизайн, потому как уже содержат множество готовых элементов и даже вариантов готовых картинок. Ознакомьтесь с ресурсом под названием Canva по адресу: canva.com. Здесь вам нужно только зарегистрироваться. С ним вы сможете создать уникальный аватар с подходящим размером для группы ВКонтакте 2021.

Правильные размеры аватара в ВК

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

Для профиля

Для отображения на страничке квадратной картинки в таком формате, как превью без фото, стороны должны иметь соотношение 200x200px. Лучше устанавливать размер в 1,5-2 раза больше стандарта. Вы можете загрузить любое изображение, только чтобы соотношение сторон было равным. Масштаб выровняется в автоматическом режиме. Часто пользователи ставят вертикальное изображение, которое растягивает остальные блоки на страничке. Тогда наибольший размер будет 200x300px.

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

Для группы

Аватарка для сообщества в «ВК» имеет большое сходство с картинкой для профиля. Глядя на ее оформление, пользователи смогут легко распознать ваш паблик. Размеры миниатюры группы должны быть такими: минимум 200×200 пикселей, а максимум 200×500 пикселей. Чтобы фото отображалось на любом устройстве нормально, важнейшая его часть должна войти в минимальный размер. Когда вам нужно установить шапку (обложку группы), чтобы она выглядела привлекательно, параметры должны быть: 1590x400px. Для живой обложки, имеющей видео формат: 1080×1920, качество full HD, формат MP4 (кодек h264 aac), вес не более 30 мегабайт.

Размер фото меню в виде баннера для сообщества: 600px по ширине, а по высоте, как пожелаете. Меню графы «Свежие новости» – по ширине 610px, по высоте без ограничений. Чтобы посты хорошо выглядели, нужно соблюдать такие параметры: 510x510px по высоте и ширине. Для фотоальбома, требуются такие параметры: 1200х800 px, а статьи – 510х286 px. Товары: минимум – 400х400 px, максимум – 1000х1000 px.

Как добавить аву в ВК?

Давайте разберем процесс с новым профилем, который не имеет оформления.

Для начала сделаем это с компьютера.

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

Нужно нажать на нее.

Ссылка для установки аватара

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

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

Фото профиля загружено и установлено.

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

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

Размеры фотографий в ленте инстаграм

В ленте Инстаграм существует функция “Карусель” — публикация нескольких фото подряд в посте. Размер изображений для ленты инстаграма такой же, как и формат для постов (см. раздел “Размер изображения для поста”).

Квадратное соотношение сторон

Квадратное изображение в инстаграм долгое время было доминирующим (теперь его понемногу смещает вертикальное). Однако до сих пор идеальным форматом загружаемого в инстаграм фото остается соотношение 1080х1080 (стандартный квадратный формат).

Посты из прямоугольников

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

Горизонтальный пейзаж

Формат горизонтального пейзажного фото в инстаграм — это картинка размером 1,91х1. В ленте видно как саму картинку, так и подпись под ней (при наличии) и часть комментариев.

Вертикальный портрет

Стороны, формат и размер вертикального изображения перед опубликованием в Инстаграм-истории стоит выровнять под пропорции 4:5 (в пикселях это 600х750). Это формат в Инстаграм для любого вертикального портрета, не только для сториз.

Как поставить аватарку без обрезки в WhatsApp?

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

Смена аватара для мобильного устройства на базе Андроид:

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

Процедура смена изображения профиля при помощи Айфона:

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

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

Загрузка видео или фото без функции «показывать фотографии в движении».

Давайте определим 2 состояния видимости обложки:

1. Сокращенный вид живой обложки для удобства назовем его привью — часть нашей обложки, которую видят пользователи когда попадают на страницу сообщества.
2. Полный / развернутый вид живой обложки — после нажатия на привью пользователям открывается полная обложка.

Сокращенный вид живой обложки

Полный вид живой обложки

Абсолютно логичный вопрос в как разместить основную информацию чтобы она была видна на привью и в полной версии. Давайте разберемся как наша обложка вписывается в привью. Сразу закрепим с Вами шируну обложки в данном варианте она неизменна и составляет 1080 pixel.

Правильные размеры живых обложек для вк

Но вот с высотой дела обстоят куда сложнее. Привью обрезает часть изображения сверху и снизу но обрезает не одинаково поэтому просто от центровать полезную информацию будет не правильно. Плюс нам мешают меню интерфейса и название группы с аватаркой, которые есть и в привью и в полной версии. Чтобы окончательно не запутаться воспользуйтесь нашим шаблоном обложки ВКонтакте. Мы немного округлили все размеры для удобства и сделали запас на отображение на разных экранах. (Сразу оговорюсь, совсем маленькие экраны мы не тестировали проверяли с Iphone 5 и дальше до 10 (она кстати дает больше вариантов для творчества с обложками)

Шаблон размещенный ниже поделен на зоны от 1 до 7 обратите на них внимание далее мы будем разбирать эти зоны

Шаблон с размерами живых обложек VK

Что мы получили в итоге. Если Вы планируете как у мы все любим 🙂 написать скидка 90% и максимально задействовать этой надписью все имеющееся пространство, не обольщайтесь сильно Ваш размер всего (ш х в) 1080 х 832 pixel. На рисунке это область 4, она видна всем пользователям и в привью и в полной версии.

Для тех кто получил всю необходимую информацию и планирует покинуть статью 🙂 не забудьте вступить в нашу группу ВК @targboxsmm

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

• Зона 3 на рисунке размером (ш х в) 1080 х 132 pixel — это интерфейс смарфона и меню ВК, на самом деле можно эффективно использовать данную область, главное не писать в этой зоне текст т.к. он окажется не читаемым для пользователей. Элемент графического оформления вполне нормально будет смотреться в данной зоне.
• Зона 2 размером (ш х в) 1080 х 150 pixel — не видна на привью вообще, но в полной версии обложки она свободна для использования.
• Зона 1 размером (ш х в) 1080 х 140 pixel — это интерфейс и меню ВК, с этим вопросом мы уже разобрались. Можно использовать для графических элементов.

Итак, что получается с верхней частью обложки. Зону 1,2,3 (ш х в) 1080 х 423 pixel можно использовать для размещения графических элементов или просто залить красивым фоном. Зона 4 размером (ш х в) 1080 х 832 pixel — это наша с Вами основная рабочая поверхность, куда мы кидаем заманушки, акции, логотипы и т.п.

• Зона 5 размером (ш х в) 1080 х 250 pixel — проблемная область т.к. на ней размещается название сообщества, аватар и кнопки действия. Название сообщества еще не сильно заслоняет нашу обложку, а вот аватар и кнопки практически полностью перекрывают обложку. И вариант с использованием призыва к действию не очень заходит в данной области. Вернемся к ней позже.
• Зона 6 размером (ш х в) 1080 х 275 pixel — не видна в привью, а в полной версии обложки на ней размещается название группы и аватар.
• Зона 7 размером (ш х в) 1080 х 140 pixel — мы специально ее выделили т.к. в этой зоне размещена кнопка действия.

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

• Первый вариант: Всем будет наплевать, они просто будут делать обложки на весь экран, а если не хочеш открывать твои проблемы.
• Второй вариант: Все будут использовать только область привью, а остальной пространство заливать нейтральным фоном не несущем смысловую нагрузку (это самый вероятный вариант) и именно так сам ВКонтакте оформил свое сообщество.
• Третий вариант: Это лучшее развитие данного инвентаря. Подойдет только закаленным мастерам СММщикам и креативщикам. То есть нам с Вами, кто дочитал статью до этого места. Мы должны постараться завлечь пользователей открыть полную версию обложки и побудить совершить действие. Это может быть, что угодно например найди кота или спаси кота 🙂 Использовать живые обложки можно и нужно максимально креативно, это позволит выгодно выделить сообщество в океане однотипного контента.

Instagram

Продвигается через Facebook, поэтому:

Рекламные объявления как на Facebook:

• Кольцевая галерея — 1080 х 1080. Несколько изображений сменяют друг друга при клике на стрелочку.
• Одно изображение — 1200 х 628. Стандартный формат рекламного объявления в Инстаграм.
• Слайд-шоу — 1280 х 720. Это видео, которое создаётся из изображений.

Плюс…

Stories — 1080 х 1920

Оформление профиля

Здесь не так много элементов: весь профиль состоит из постов и аватарки.

Пост — 1080 х 1080. Стандартное изображение должно быть квадратным, но публиковать и другие форматы тоже можно, однако они могут неправильно растянуться или сжаться.
Аватарка — 110 х 110

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

Вам интересно проведение рекламных кампаний в Инстаграме?

Установка аватарки с компьютера

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

• Зайдите в аккаунт, в котором нет фотографии профиля.
• Вы увидите квадрат с рисунком фотоаппарата. Нажмите на него. Также можно кликнуть на надпись «Поставить фотографию».
• В результате откроется небольшое окошко, в котором можно выбрать два варианта для установки фотокарточки:
  • Загрузить уже имеющуюся фотку с компьютера.
    • Нажмите кнопку выбора файла.
    • Найдите на ПК необходимое изображение и кликните «Открыть».
  • Сделать новый снимок, если у вас есть web-камера.
    • Если вы в данный момент хорошо выглядите и готовы к мини-фотосессии, кликните на синюю надпись «сделать моментальную фотографию».
    • В следующем окне разрешите программе «Adobe Flash» запускаться на сайте vk.com и предоставьте ей доступ к web-камере.
    • После нажатия кнопки «Разрешить», вы увидите себя на экране вашего компьютера. Кликните на кнопку «Сделать снимок» и улыбайтесь. Через 3 секунды вас сфотографируют.
    • Если фото получилось удачным, нажмите «Сохранить и продолжить». Выберите «Убрать снимок», чтобы сделать повторную съемку.
• Вот вы уже почти загрузили фотку на сайт. Теперь нужно выбрать область, которая будет отображаться на странице. Это необходимо, если вы загружаете фото, на котором есть другие люди, но хотите выделить только себя или у вас фотокарточка в полный рост, а на автарку необходимо установить только лицо. Обведите нужную область, перетягивая и изменяя размеры квадрата. Нажмите «Сохранить и продолжить».
• Следующим шагом будет выделение области для отображения фотографии в миниатюре. Она определяет, какая часть изображения будете отображаться в комментариях, личных сообщениях и новостной ленте друзей.
• Нажмите «Сохранить изменения».

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

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

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

Видео для вечных историй

Видеозаписи для хайлайтов (“вечных историй”) публикуется по тем же форматам, которые будут описаны ниже в “Размер видео для историй”. Размер соотношение высоты и ширины видео, записываемого в инстаграм истории — 1080х1920

размеры видео для инстаграм

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

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

Инстаграм-истории (сторис) — это такая “примочка”, с помощью которой можно публиковать короткие видеоролики и картинки, репостить к себе на страницу сторис из других аккаунтов.

Ключевая особенность — инстаграм-истории (в отличии от обычных постов), в том случае если вы не добавили их в “Актуальном”, исчезают из вашего аккаунта ровно через сутки после публикации. Удаленные сторис хранятся во вкладке “Архив”, их видите только вы.

Видео, загружаемое в инстаграм-истории может весить до 4 Гб. Длина каждой сторис — 15 секунд, есть возможность разбить ролик на небольшие отрезки. Видео загружаем в формате MOV, MP4. Рекомендуемый размер — 1080х1920 пикселей (как и у фото для сторис).

Размер видео для ленты

Образцовое видео для ленты инстаграма — видео с разрешением 1080х1080 рх. Оно должно укладываться в рамки длительности от 3 до 60 секунд. В “карусель” вы можете вместить до 10 видео.

Эксперты, однако, советуют не перегружать пост таким количество роликов (если вы, конечно, не преследуете какие-то совсем специфические цели). Оптимальный вариант — примерно одинаковое соотношение фото и видео/чуть меньше видео, чем фото.

Если же ваш пост состоит целиком из видео, желательно не публиковать больше четырех за раз — лучше разбейте публикации на несколько постов. Если вам важна целостность повествования, сопроводите публикации пометками “часть 1”, “часть 2” и т.д.

Изображение профиля в группе

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

Например, ставить, или менять изображение профиля группового диалога. Форма изображения должен относиться к категориям вида JPG, и PNG. Размер строится в форме квадрата, то есть ровное соотношение длины и ширины. Размер изображения на профиль группового диалога составляет 192 на 192 пикселя.

Pinterest

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

На Pinterest не отыскать сообществ, «историй», текстовых постов, а потому и правил приходится соблюдать меньше:

• Аватар. Разработчики предлагают загружать иконки размером 165×165 пикселей.
• «Пины» (изображения). Ширина изображений – 238 пикселей, максимально допустимый размер – 735×1102 px (если исходник больше, социальная сеть подстроит контент автоматически под шаблон).
• «Доски» (альбомы). Рекомендуемый формат – 200×200 пикселей, но для дополнительной выразительности лучше двигаться в сторону 800×800 px.

Происхождение слова

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

Ава для деловых людей

Аватар для общения на форумах должен был подпадать под определенный размер – 8 байт. Также пропускалось изображение определенного формата. Эти требования определяются конкретными сайтами, и могут разниться между собой.

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

Facebook

Объявления в новостной ленте:

Изображения для поста — 1200 х 900. Это стандартный размер. Здесь тоже нет жёстких указаний, но такие параметры сохранят картинку от искажений.

Кольцевая галерея: квадратные изображения — 1080 х 1080, каждое из которых может иметь собственную ссылку на сайт.

Одно изображение — 1200 х 628

Слайд-шоу — 1280 х 720. Слайд-шоу — это видео которое автоматически создается Фейсбуков на основе ваших изображений.

Подборка товаров: у обложки подборки ширина должна быть 1080 пикселей, высота чётко не указана, остальные изображения — 600 х 600. Подборка — удобный формат для мобильных устройств. Таким образом вы показываете сразу несколько товаров на экране телефона.

Оформление профиля

Фото профиля — 170 х 170. Оно «округляется» при показе объявлений и публикаций в других лентах, поэтому, как и в ВК, это нужно учитывать. Также не стоит подбирать картинки с мелкими элементами, так как на смартфонах аватарка уменьшается до 128 х 128, а на некоторых моделях телефонов до 36 х 36.

Картинки для товаров — 600 х 600

Обложка — 820 х 312 для ПК и 574 х 312 для смартфонов. Загружать, конечно, нужно первый вариант, но важную информацию размещать посередине (для смартфонов).

Вам интересно проведение рекламных кампаний в Фейсбук? Обращайтесь.

Изображение профиля в группе

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

Например, ставить, или менять изображение профиля группового диалога. Форма изображения должен относиться к категориям вида JPG, и PNG. Размер строится в форме квадрата, то есть ровное соотношение длины и ширины. Размер изображения на профиль группового диалога составляет 192 на 192 пикселя.

Как поставить?

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

1. перейдите на главную страничку видеоканала, в углу справа найдите значок с изображением карандаша, наведите на него курсор и кликните;
2. вы окажетесь в профиле Гугл+. Каналы связаны, и, если сменить или установить аватарку, она автоматически появляется в ютубе. Программа обратится к вам с предложением загрузить картинку;
3. выбираем заблаговременно подготовленную аватарку для ютуба, загружаем и выставляем соответствующие размеры;
4. жмем клавишу «готово», возвращаемся на Ютуб. Кружок для аватарки канала не сразу покажет свое обновление – картинке потребуется некоторое время, чтобы пройти модерацию.

Посты

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

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

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

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фономИллюстрация для статьи с темным фоном

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

Охваты у одинаковых постов

Аватарка для группы в ВКонтакте в 2021 году

Первое, что посетители группы Vkontakte видят при посещении — это аватар. И он должен быть максимально привлекательным. Изображение должно быть в хорошем качестве. Картинка группы в ВК отображается не только на главной странице. Её можно увидеть, если навести курсором на ссылку на другой странице. Но в этом случае картинка отображается в небольшом кружке. В миниатюре видна только верхняя часть аватарки. Углы обрезаются, об этом нужно помнить. Поэтому в 2020 году лучше всего подбирать картинку, главный объект или слова на которой находятся вверху.

Область миниатюры в аватаре группы ВКонтакте

Сегодня размер аварки для групп составляет 200 x 500 пикселей. Но иногда изображения немного растягиваются. И получаются немного размытыми. Чтобы этого избежать, нужно выбирать картинки большего размера. Но приблизительно пропорциональные вышеуказанному размеру. Например, 400×1000 px. В этом случае изображение получится хорошего качества. Миниатюра будет «вырезана» с верхней части вашей картинки размером 200 x 200 пикселей.

Пример аватарки группы в Вконтакте

Таблица размеров для оформления группы в ВК

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

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

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

Рекомендуемое разрешение для разметки Open Graph

Парgметр og:image указывается URL-адрес изображения, которое будет выводится в качестве обложки веб-страницы в соцсетях. Поддерживаются .png, .jpeg и .gif расширения.

<meta property="og:image" content="https://dieg.info/wp-content/uploads/2021/09/reyting-hostingov-ot-dieg.info_.png" >

Рекомендуемое разрешение для Open Graph — 1200 x 630 px. При таком размере миниатюра будет большой и хорошо выделяться. Не рекомендуется превышать вес изображения >5 Мб. Если ваше изображение меньше 600 x 315 px, оно будет отображаться как меньшая миниатюра. Это не так привлекательно.

Также у этого тега есть связанные теги, которые передают дополнительные свойства:

• og:image:url — задается URL альтернативного изображения;
• og:image:secure_url — задается URL изображения по протоколу https;
• og:image:width — задается число пикселей в ширину изображения;
• og:image:height — задает число пикселей в высоту изображения;
• og:image:type — задается тип изображения.

Похожие записи:

Как скачать видео из тик тока: четыре способа В 2,5 раза больше конверсий Дом 2 новости и слухи в контакте Удаление местоположения на фото Топ 10 сервисов где накрутить лайки в вк бесплатно Быстрый способ скачать вк на айфон 4