Размер картинки в вк для поста: Размеры изображений для 7 социальных сетей — справочник

Содержание

Размер картинки для поста Вконтакте

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

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

Идеальный размер картинки для поста Вконтакте

Как мы можем убедиться, пост на верхнем рисунке выглядит безупречно: идеально подогнаны размеры фотографии (в первую очередь — ширина), а также хорошее качество снимка. Это, можно сказать, просто идеальный размер картинки для поста Вконтакте. Как посмотреть реальные размеры данного изображения? Все предельно просто. Нужно посмотреть исходный код данной странички. Если ваш обозреватель Инета – это Хром, тогда нажимайте функциональную клавишу F12. Дальше в открывшемся правее окне кликните по вкладке с названием: «Elements». После этого кликните по самой левой иконке с изображением указателя мыши, как показано на изображении внизу.

После всего этого наведите курсор на интересующую вас картинку – сверху появится строка с указанием размеров данного изображения. Как мы видим с верхнего скриншота, размеры фотографии для поста Вконтакте – это 510 на 228 пикселей. Делаем вывод, что данная ширина отлично подходит. Если ваша картинка, например, имеет ширину намного больше, то нужно позаботиться о том, чтобы высота фотографии была соразмерна с шириной. Если последнее условие не выполняется, отредактируйте картинку в Photoshop или другом редакторе фотографий. Новейшее обновление Вконтакте затронуло не только элементы дизайна страниц, но и ряд функциональных особенностей. Чтобы узнать, что имеено изменилось Вконтакте в последнее время, нужно внимательно прочитать этот пост.

Каким должен быть размер картинки для поста Вконтакте 2017

При рассмотрении популярных аккаунтов во Вконтакте, можно сделать вывод об самом оптимальном размере картинки для поста Вконтакте в 2017-м году. Главное, чтобы ширина фотки не была меньше 510 пикселей. Высота картинки не играет особой роли, по большому счету, ведь изображения в постах бывают и квадратные, и вытянутые по вертикали. Идеально будет, если вы сами будете делать (редактировать) изображения для своих постов, подгонять их под оптимальные размеры, при этом не теряя в качестве картинки. Кроме картинок для постов, существуют также определенные требования для других изображений: товаров, аватарок, обложек для группы и др.

Гид по созданию картинок для соцсетей

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

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

Выбор правильного размера изображений и правила их загрузки

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

Правила оформления картинок во ВКонтакте

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

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

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

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

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

Картинки для YouTube

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

Первый блок называется «‎Фото профиля». В нем вы видите короткое описание и рекомендации от разработчиков касательно размера и формата изображения. При загрузке Ютуб не обрежет картинку сам, а предложит выбрать область для отображения в круге.

Далее идет «‎Баннер». Разработчики рекомендуют использовать изображение размером не менее

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

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

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

Обработка изображений для соцсетей в графических редакторах

Обработка фото для социальных сетей может быть разной: в каких-то ситуациях требуется только обрезка лишнего и цветокоррекция, а в других – добавление текста и визуальных элементов, участвующих в компоновке проекта. На примере Adobe Photoshop я разберу только изменение размера изображения и его кадрирование, а далее оставлю полезные ссылки.

  1. Запустите программу и откройте изображение, которое хотите отредактировать.

  2. Используйте инструмент «‎Кадрирование», чтобы на экране появился прямоугольник. Измените размер изображения и нажмите Enter, чтобы удалить лишнее.

  3. Для ручного изменения разрешения картинки откройте выпадающее меню «‎Изображение» и выберите пункт «‎Размер изображения».

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

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

Читайте также:

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

Использование онлайн-сервисов для редактирования изображений

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

Перейти к онлайн-сервису Canva

  1. Кликните по ссылке выше, чтобы попасть на главную страницу сайта и выберите подходящий для себя дизайн. Откройте список «‎Соцсети» или найдите вариант на главной.

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

  3. Перейдите на вкладку «‎Текст» и добавьте надписи, измените шрифт, цвет и расположение текста.

  4. Обратите внимание на бесплатные стоковые изображения, которые можно без проблем добавить к своему посту и тематически оформить.

  5. Для самих картинок можно поменять расположение, отредактировать их размер и уровень наклона, что осуществляется при помощи прямоугольника, появляющегося на экране при выделении объекта.

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

  7. Нажмите кнопку «‎Скачать», если редактирование завершено и вы хотите выбрать размер и формат файла для скачивания, чтобы после загрузить его в социальную сеть.

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

Соответственно, есть и другие похожие сайты, обладающие примерно такой же функциональностью, как и Canva. Некоторые из них работают на платной основе, а другие предоставляют доступ ко всем инструментам бесплатно и без необходимости создавать аккаунт.

Некоторые советы по созданию картинок для социальных сетей

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

Во-первых, система «‎Истории» есть уже не только в Инстаграме, она добралась до ВКонтакте и Facebook и даже получила реализацию в YouTube. Если вы ведете личную страницу или сообщество, не стесняйтесь регулярно выкладывать истории о новых публикациях или с какой-либо другой информацией, оформляя картинки с надписями. Даже простого дизайна достаточно, чтобы пользователь увидел новую историю у себя в новостях и посмотрел ее, перейдя в дальнейшем на страницу сообщества или на канал. То же самое касается остальных разделов в социальных сетях, куда вы можете выложить свои посты и фотографии. Делайте это регулярно, привлекая тем самым аудиторию.

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

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

Размеры картинок для 8 социальных сетей: Facebook, Twitter, Instagram, YouTube, Pinterest, Вконтакте, LinkedIn, Одноклассников | Weblium – конструктор сайтов

Если вы когда-либо загружали изображение в социальные сети, и оно выглядело неправильно, мы поможем вам! Для этого ознакомьтесь с руководством на 2021 с размерами изображений в 8 основных социальных сетях.

Прежде чем начать…

Что такое размер картинки?

Размер изображения состоит из ширины и высоты. Обычно эти значения даются в пикселях в следующем формате:

1640 x 856

Эти данные сообщают нам следующее об изображении:

  • ширина изображения — 1640 пикселей;
  • высота изображения — 856 пикселей.

Что такое пиксель?

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

Что такое соотношение сторон?

Соотношение сторон изображения — это отношение его ширины к его высоте. Например, квадрат имеет соотношение сторон 1:1.

Размеры изображений в Facebook

Дополнительные советы:

  1. Загружайте изображения только в формате JPG или PNG, чтобы избежать деформации.
  2. Если на добавленном изображении есть логотип или текст, то стоит загрузить его в самом высоком качестве в формате PNG.
  3. В публикациях будет показываться только круглое фото профиля. Кликнув на него, вам откроется квадратное фото.
  4. Размер обложки должен быть как минимум 400 x 150.
  • Требования Facebook к размерам изображений

Размеры изображений в Twitter

Дополнительные советы:

  1. Рекомендуемое соотношение сторон для фото профиля 1:1, но помните, что это изображение будет находиться в круге.
  2. Для изображений в постах придерживайтесь соотношения 2:1, чтобы всё изображение поместилось.
  • Требования Twitter к размерам изображений

Размеры изображений в Instagram

Дополнительные советы:

  1. Если вы загружаете изображение поста с другим соотношением сторон, платформа автоматически обрезает изображение в соответствии с соотношением сторон.
  2. Чтобы фото профиля отображалось правильно, соблюдайте соотношение сторон: 1: 1. Окончательное изображение профиля будет кругом, поэтому убедитесь, что в углах не будет значимых элементов.
  • Требования Instagram к размерам изображений

Размеры изображений в Youtube

Дополнительные советы:

  1. Когда вы загружаете видео, YouTube может просто выбрать из него кадр в качестве предварительного просмотра изображения. Однако если вы хотите иметь правильное соотношение сторон , добавьте свою собственную картинку.
  2. Учитывайте, что изображения по-разному будут отображаться на разных устройствах, поэтому минимальный приемлемый размер — 1546 x 423 px.
  • Требования Youtube к размерам изображений

Размеры изображений в Pinterest

Дополнительные советы:

  1. Загружая изображения на Пинтерест, придерживайтесь соотношения сторон 2: 3.
  2. Pinterest позволяет загружать более длинные изображения, поскольку фиксирует только ширину — 236 px, а высота — масштабируема.
  3. В Pinterest фотография профиля будет круглой, поэтому старайтесь добавлять изображение без важных элементов в углах.
  • Требования Pinterest к размерам изображений

Размеры изображений во ВKонтакте

Дополнительные советы:

  1. Ограничением является максимальная сумма высоты и ширины фотографии, которая равна 14000 px.
  2. Минимальным размером для фотографии является 200 х 200 px .
  • Требования Вконтакте к размерам изображений

Размеры изображений в LinkedIn

Дополнительные советы:

  1. Соцсеть может самостоятельно обрезать обложку с целью оптимального отображения на экране. В связи с этим рекомендуется загрузить изображения высокого качества с ограниченным количеством текста.
  2. При загрузке изображений для постов, LinkedIn сохранит их пропорции.
  • Требования LinkedIn к размерам изображений

Размеры изображений в Одноклассниках

Дополнительные советы:

  1. В ОK можно загружать квадратные, вертикальные и горизонтальные изображения. Они будут автоматически масштабироваться до нужных размеров.
  2. Без потери качества можно загружать изображение с размером 1680 px по наибольшей стороне.
  • Требования Одноклассников к размерам изображений

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

Pablo

Этот бесплатный инструмент поможет подготовить идеальные изображения для основных соцсетей: Pinterest, Twitter, Facebook и Instagram.

Нужно зайти на Pablo, загрузить изображение. Далее добавьте текст и логотип (если нужно). Когда изображение будет готово, скачивайте и публикуйте его.

Canva

Canva позволяет изменять размер ваших фотографий до определëнных размеров для каждого канала социальных сетей.

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

Social Image Resizer Tool

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

Выводы

Facebook

  • фото профиля: 170 х 170 px;
  • сторис: 1080 х 1920 px;
  • изображение поста: 1200 х 630 px;
  • обложка страницы: 851 х 315 px;
  • обложка мероприятия: 1200 x 628 px;
  • обложка группы: 1640 x 856 px.

Twitter

  • фото профиля: 400 x 400 px;
  • Twitter Fleets: 1080 x 1920 px;
  • шапка профиля: 1500 x 500 px;
  • изображение поста: 1024 x 512 px.

Instagram

  • фото профиля: 110 х 110 px;
  • сторис: 1080 x 1920 px;
  • изображение поста (квадратное фото): 1080 х 1080 px;
  • изображение поста (горизонтальное фото): 1080 х 566 px;
  • изображение поста (вертикальное фото): 1080 х 1350 px;
  • фото обложки IGTV: 420 х 654 px.

Youtube

  • фото профиля: 800 x 800 px;
  • баннер канала: 2560 х 1440 px;
  • обложка для видео: 1280 x 720 px.

Pinterest

  • фото профиля: 165 x 165 px;
  • обложка профиля: соотношение сторон 16:9;
  • изображение пина: 1000 x 1500 px.

ВKонтакте

  • фото профиля: 200 х 300 px;
  • обложка группы: 1590 х 400 px;
  • изображение для публикации: 510 x 510 px;
  • Изображение (прямоугольное): соотношение сторон 3:2.

LinkedIn

  • фото личного профиля: 400 x 400 px;
  • фото профиля компании: 300 х 300 px;
  • обложка личного профиля: 1584 x 396 px;
  • обложка профиля компании: 1192 x 220 px;
  • изображение для поста: 1200 x 627 px.

Одноклассники

  • фото профиля: 288 x 288 px;
  • обложка профиля: 1944 x 600 px;
  • изображение поста: 780 x 585 px.

Cоздать свой сайт на конструкторе сайтов Weblium

Как отправить картинку в группу вк : Радиосхема.ру

Читайте также

Из этой пошаговой инструкции станет понятно, как вставлять картинки и фотографии в сообщения в социальной сети Одноклассники.

Если нужно переслать личные фото другу или родственнику, а размещать эти снимки в открытом доступе нет желания, то нужно воспользоваться функцией прикрепления различных файлов в текстовое сообщение в диалогах ОК.RU.

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

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

Принцип прикрепления файлов в сообщения в ОК примерно одинаков для каждого типа, и совсем несложный.

Убедитесь в этом сами из нашей пошаговой инструкции.

ПОВТОРИМСЯ : при передаче файлов (в том числе фото, картинок, видео или документов) личным сообщением, их видит ТОЛЬКО ваш оппонент. Передача конфиденциальна. Файлы попадают только к получателю! В общем доступе их нет — никто их не увидит и не скачает…

Как вставить картинку или фотографию в сообщение ОК

Шаг №1

Входим в свой профиль в ОК.RU. Мы надеемся, что вы уже научились пользоваться функцией запоминания паролей в своем браузере? Если нет, читайте .

Шаг №2

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

Шаг №3

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

Шаг №4

Обращаем внимание на скрепку-пиктограмму в правом углу строки, для ввода текста. Жмем на нее.

Шаг №5

В сообщениях Одноклассников можно отправить фотографию из собственного профиля или прикрепить фото с компьютера.

Если нажать на строку “фото”, откроется окно с фотографиями, которые находятся у вас в профиле.

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

Нажимаем на строку “фото с компьютера”.

Шаг №6

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

Шаг №7

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

Шаг №8

Как видим, фото прикрепилось к сообщению, теперь нужно только нажать на изображения конверта или клавишу Enter, и картинка отправится к вашему собеседнику.

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

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

Добавляйте наш сайт в закладки (Ctrl + D), чтобы не потерять.

Надеемся, что вы справились с этой инструкцией. А может, еще остались вопросы или что-то не получается?

Ниже есть поле для комментариев — спрашивайте! Полезная инструкция или нет? Все ли понятно?

Здравствуйте, уважаемые читатели блога сайт. Довольно часто возникает необходимость сделать ссылку на человека () либо на группу, или страничку мероприятия.

И причем не просто вставить Урл-адрес, скопированный из адресной строки браузера (когда в нем открыта нужная страница, например: https://vk.com/ktonanovenkogoru), а сделать так, чтобы ссылка представляла из себя слово (фразу), кликнув по которому можно было бы попасть в профиль нужного человека либо в нужное сообщество (например, на паблик: или на человека: Дмитрий Иванецку).

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

Вместо или вместе с текстом в такой гиперссылке можно использовать и смайлики ( на приведенной странице).

У вас может возникнуть вопрос: а где взять ID нужной страницы ВК либо ее короткий адрес. Вопрос справедливый. Однако, ответ очень прост. Откройте страницу нужного человека, на которую вы хотите сослаться, и в адресной строке вы увидите одно из двух: либо ID, либо короткий адрес (сразу после https://vk.com/ «»). В случае мой страницы — это будет короткий адрес:

Но можете быть и так:

Если это ваша собственная страница, то вы можете выбрать из левого меню пункт «Мои настройки» и посмотреть нужные вам сведения в области «Адрес Вашей страницы»:

В общем, ничего сложного.

Как быстро сделать гиперссылку на страницу Вконтакте?

Если заморачиваться с BB-кодами вам неохота, а текст гиперссылки (слова, с которых будет вести ссылка) в виде имени и фамилии нужного человека вас вполне устроит, то могу вам предложить способ немного попроще (побыстрее). В этом случае не нужно будет использовать квадратные скобки.

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

Собственно, как только вы введете с клавиатуры символ * или @ Контакт вам все сам подскажет:

Давайте посмотрим это на примере. Допустим, я начну вводить короткий адрес своей личной страницы:

После нажатия на кнопку «Отправить» эта конструкция автоматически преобразуется в гиперссылку с именем пользователя или названием сообщества в качестве анкора — текста линка. В результате получим тот же результат, что и с использованием BB кодов — ссылку из текста сообщения, оставленного в Контакте, проставленную со слов имени и фамилии человека, на которого мы пожелали сослаться (смотрите скриншот в предыдущем разделе).

Можно и так сделать:

Результат будет такой же.

Как вставить ссылку в текст на сообщество с нужными словами

Ну, тут все тоже очень просто и похоже на уже описанное выше. Единственно, что если у группы, паблика или страницы мероприятия не задан короткий адрес, что вставлять нужно будет не ID с номером страницы, а club с номером группы, public с номером паблика или event с номером страницы с мероприятием. Взять их можно будет все из той же адресной строки (хотя номера все же довольно часто заменяют коротким адресом.

Выглядеть такие записи могут, как:

Аккуратнее будьте с простановкой подобных ссылочек на свое сообщество с других сообществ, стен и комментариев. Используйте при этом в качество слов гиперссылки только те, что действительно описывают сообщество, иначе его могут заблокировать или вообще удалить из Вконтакте (за спам).

Точно так же для создания ссылки на сообщество (группу, паблик) можно будет поставить сначала знак звездочки * или собачки @ , а затем без пробела ввести либо короткий адрес, либо номер публичной страницы, группы или страницы мероприятия. Контакт вас отлично поймет и предложит выбрать нужное:

Как видите, тут тоже все довольно просто.

Можно ли сделать любое слово гиперссылкой в Контакте?

К сожалению, сослаться из текста, размещенного в социальной сети Вконтакте на свой (или чужой) сайт, можно только методом прямого размещения Урла в тексте. Сделать какие-либо слова гиперссылкой, ведущей на какой-то внешний сайт, не получится . То есть не получится использовать конструкцию вида:

Это не сработает. Но можно в текст запросто вставить Урл https://сайт и он преобразуется в ссылку, но в качестве ее текста будет использоваться именно этот Урл-адрес.

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

Я, например, таким образом создаю анонсы своих новых статей в ВК — просто захожу на свою страницу и в паблик, после чего вставляю в строку добавления нового сообщения Урл адрес новой статьи. Контакт автоматически создает анонс и мне остается его только опубликовать.

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

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Как создать или удалить группу, либо страницу во вконтакте — как удалить паблик в ВК
Как отвязать номер своего телефона от страницы Вконтакте?
Поиск людей в Контакте без регистрации или как найти человека без авторизации в ВК Как инициировать просмотр видео с Youtube не с начала, а с нужного места (при передаче ссылки на ролик или вставке на сайт)
Как восстановить страницу в Контакте (при утере доступа, удалении или блокировке)

Как вставить ссылку в сообщение

Если хотите отправить ее только одному другу в Одноклассниках, то сделать это лучше с помощью сообщений. Для этого откройте свой профиль и в верхнем меню выберите пункт «Сообщения».

В списке слева находим нужного человека и ставим курсив в поле «Напишите сообщение».

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

Теперь откройте в браузере страничку с нужным сайтом, выделите все, что будет в адресной строке и скопируйте этот текст (нажав Ctrl+C).

Нужный адрес другу будет отправлена. Кликнув по нему, человек перейдет на указанный сайт в Интернете.

Как добавить ссылку в ленту Одноклассников

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

Затем вставьте адрес нужной странички в Интернете. Скопировать адрес можно абсолютно любой страницы по принципу, который я описала выше.

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

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

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

Сделанная запись будет закреплена в верху страницы. При необходимости, можно навести на нее курсор мышки и «убрать из статуса».

Как добавить ссылку в группе

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

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

Для этого откройте группу, в меню кликните по кнопочке «Еще» и выберите из списка пункт «Ссылки».

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

Найдите нужную группу, наведите на нее курсор и кликните по кнопочке «выбрать», затем нажмите «Добавить».

Размещаем красивые гиперссылки

Если возникает потребность вставить анкорную ссылку в текст сообщения, большинство пользователей стараются не заморачиваться и поступают стандартным способом – копируют необходимое из адресной строки браузера и просто вставляют этот текст. Мы получаем вполне работоспособную гиперссылку в стандартном, но не самом читаемом виде.

Чтобы вид ссылки в тексте был более удобным и читаемым, длинную строку с адресом вполне можно заменить словом, на котором будет ссылка. Для этого нужно воспользоваться шаблонами вставки гиперссылок «ВКонтакте». В частности, чтобы добавить ссылку на пользовательскую страницу нужно ввести текст . С помощью этого шаблона делается ссылка на персональную страницу или на группу.

Необходимый id-адрес можно найти в адресной строке браузера. Свой id также можно найти в настройках страницы или в режиме просмотра кода. Чтобы это сделать, жмем правой кнопкой мыши в любом месте своей страницы и в выпадающем меню выбираем «Просмотреть код» (для Chrome) или «Исходный код страницы» (для Firefox).

На странице с кодом находим искомый id.

Теперь если мы вставим в текст сообщения конструкцию в виде и отправим сообщение именно в таком виде.

В результате получим текст с красивой гиперссылкой.

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

Общаясь в социальной сети с друзьями с помощью личных сообщений или оставляя заметки на своей стене, в некоторых случаях мы оставляем ссылки на других пользователей ВК или сообщества. При этом скопировать и вставить ссылку в виде URL-адреса не составляет никакого труда даже неопытному пользователю. Просто копируем ссылку на страницу или группу из адресной строки, как есть, например: .
Но нас интересует не простая, а гиперссылка. Когда пользователь нажимает на одно или несколько слов (часть гипертекстового документа) и попадает на другую страницу. Если вы хотите оставить для своих друзей ссылку на сообщество, вы можете оформить ее в виде одного слова или целой фразы, характеризующей ее. К примеру, напишите «Музыка» и поставьте ссылку на: . Нажав слово «музыка», ваши друзья будут перенаправлены в эту группу.

Функционал ВКонтакте позволяет ставить ссылки не только на внутренние страницы социальной сети (на аккаунты, сообщества, мероприятия), но и на внешние web-ресурсы. Вот только не всегда получается вставить работающую гиперссылку. Для ее создания в ВК предусмотрены специальные коды. Если вы научитесь их правильно использовать, у вас все получится. А мы расскажем, что это за коды и как правильно ими пользоваться, чтобы получилась гиперссылка.

Как вконтакте сделать ссылку на человека?

Как вставить ссылку на человека в ВК с помощью BB-кодов

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

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

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

Якорный текст можно разбавлять смайликами или ставить их вместо слов.

Как вставляется ID нужного вам аккаунта или его короткий адрес для создания гиперссылки, вы уже разобрались. А чтобы узнать его, необходимо зайти на страницу и скопировать его из адресной строки. Все, что после vk.com/ и есть ID или имя.

Например, вот так выглядит ID страницы пользователя:

Чтобы узнать адрес личной страницы в Контакте, зайдите в «Мои настройки » и скопируйте данные из соответствующего поля.

Как видите, все просто.

Как быстро сделать гиперссылку на страницу Вконтакте?

Мы будем использовать один из двух символов: * (звездочку) или @ (собаку) . После такого символа ставить пробел не нужно, а сразу напишите ID аккаунта или его адрес, если пользователь поменял его. В этой социальной сети есть система подсказок: начните вводить фамилию человека, и система тут же предложит вам варианты. Вам останется только указать нужное имя.

Нажмите в своем сообщении на странице, например, символ @ и ориентируйтесь по подсказкам.

Хотите попробовать? Поставьте * (звездочку) и увидите надпись: «начните вводить имя друга или название группы». Введите «durov » и вам предложат поставить ссылку на его страницу.

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

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

А можно просто после «звездочки» или «собаки» указать номер аккаунта.

Можно и так сделать:

Как видите, результат тот же.

Как вставить ссылку в текст на сообщество с нужными словами

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

Еще проще создать гиперссылку, воспользовавшись символами: * (звездочкой) и @ (собачкой) . Этот способ аналогичен предыдущему, когда мы оформляли гиперссылки на страницы пользователей. Напишите @ и начните вводить цифры или буквы адреса сообщества, мероприятия. Система сама предложит вам варианты. Вам останется только выбрать нужное сообщество, а ссылка будет оформлена автоматически.

Пробуйте, ничего архисложного в оформлении гиперссылок на внутренние страницы ВКонтакте нет.

Можно ли сделать любое слово гиперссылкой в Контакте?

Если гиперссылки из слов на внешние ресурсы невозможны, оставляйте обычные ссылки, где вместо текста «Все о соц. сети ВК » используйте полный адрес сайта или страницы. Пользователь просто перейдет на сайт, кликнув на URL-адрес.

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

Таким образом можно рекламировать свои новые публикации. Анонс и картинки, если они есть, добавляются автоматически. Все что вам нужно сделать — указать адрес внешней страницы, все остальное сделает Контакт.

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

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

Sherlock221b Отправлено 28 07 2017 — 13:44

  • Cообщений: 297
  • Поинты: 1
  • Предупреждений: 10

Через компьютер или IOS

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

Александр Пушкин 4 Отправлено 28 07 2017 — 13:59

  • Cообщений: 2
  • Поинты: 14
  • Предупреждений: 0

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

если интересует как сделать ЛЮБУЮ гифку, то тут по моему никак.

Sherlock221b Отправлено 28 07 2017 — 14:36

  • Cообщений: 297
  • Поинты: 1
  • Предупреждений: 10

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

если интересует как сделать ЛЮБУЮ гифку, то тут по моему никак.

мне в принципе без разницы, мне бы граффити отправлять с помощью каких то гифок или png

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

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

Начните с привлекательного внешнего вида.

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

Полезный контент и реклама – топливо вашей группы. Но его не удастся запустить без толкового дизайна и следования размерам.

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

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

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

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

Приготовьтесь, мы начинаем.

  • Как сделать так, чтобы фото не теряли качество при загрузке в ВК
  • Оформление шапки сообщества
  • Оформление историй ВКонтакте
  • Оформление видео
  • Оформление статей
  • Оформление подкастов
  • Оформление постов
  • Виджеты
  • Аватар сообщества
  • Размеры изображений

Как сделать так, чтобы фото не теряли качество при загрузке в ВК

Пусть вас не удивляет этот пункт в самом начале статьи.

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

Загружаете яркое качественное фото, а получаете блеклый кадр с мыльницы благодаря магии ВКонтакте. Он выбрасывает часть пикселей.

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

Для сохранения качества изображения, перед загрузкой загляните в Photoshop.

  • Измените размер фотографии до 2700px по большей стороне (1,5 максимальных ширины)
  • Выберите Интерполяцию “Бикубическая, чётче” и сохраняем
  • Снова перейдите в окно изменения изображения

  • Измените размер фотографии до 1800px по большей стороне (1 максимальная ширина)
  • Выберите Интерполяцию “Бикубическая” и сохраняем

  • Перед загрузкой в ВК сохраните файл для веб: выберите формат jpeg, поставьте галочку sRGB и в разделе Preview: Internet standart RGB

Готово! Теперь качество фотографии сохраниться, а подписчик сможет рассмотреть детали и задуматься о покупке.

Оформление шапки сообщества

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

Обложка сообщества

Обложка – это первое, что видит подписчик. Горизонтальный или вертикальный блок (в зависимости от устройства) вверху страницы. Расположите на нем название и/или логотип. Чтобы клиент понимал, что кто вы и что он может у вас найти.

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

Не стоит добавлять всё сразу. Обилие текста на маленьком пространстве читается с трудом. Особенно с экрана мобильного, так как он меньше ПК в несколько раз. Мелкий шрифт начинает напоминать мошек, из которых нужно составить слова. Зачем портить зрение, если можно уйти к конкурентам?

Надписи располагайте ближе к центру – в мобильной версии обрезается по 200 пикселей слева и справа, а также 85 сверху.

Чтобы загрузить обложку, перейдите в управление сообществом, раздел настройки. Сразу под описанием выберите кнопку: “загрузить обложку” или “обложка сообщества: управление” (если обложка уже загружена).

Название сообщества

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

Используйте название бренда или торговой марки, по которым вас ищут. Отразите род занятий и город (если вы им ограничены).

“Дизайнерские платья “Алиса” – хорошо. “Дизайнерские платья из авторского хлопка ед. экз” – плохо.

Чтобы изменить название, перейдите в управление сообществом. Нажмите значок “шестерня” в правом верхнем углу страницы. Сразу под предложением подписаться. Нажмите на него и попадете в основную информацию: название и описание.

Описание сообщества

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

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

Пройдитесь по группам конкурентам. Посмотрите, чем отличаются друг от друга “динамично развивающиеся компании с индивидуальным подходом”. Что отличает вас от них?

Идеальная длина описания – 200 символов. Именно столько текста видит каждый посетитель ВКонтакте. Чтобы открыть полное описание, придется нажать на фразу “Показать полностью”.

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

При оформлении используйте смайлы, списки, но не перебарщивайте. Максимальная длина описания: 3972 знака.

Готовое описание покажите 7-летнему ребенку. Если он поймет, чем занимается ваша фирма и почему стоит купить у вас, тест пройден. И да, мы знаем, что покупают не дети. Просто попробуйте.

Адрес страницы

Адрес страницы сообщества. Он же ник. Выберите максимально простой и легкий для запоминания. Если ник переспрашивают, постарайтесь заменить. Используйте название фирмы, город, регион. @prodaji53 – хорошо. @optroznitsaexport – плохо.

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

Закреплённый пост

Закрепленный пост сообщества. Ваше главное предложение или подводка к простому первому действию. 33 розы по цене одной или 10% скидка в обмен на подписку.

Оформляйте как обычный пост. Текст + прикрепленная информация (фото, видео, опрос или gif-ка). Если хотите выделиться, используйте формат “котопес”.

Подробную инструкцию читайте ниже.

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

Меню сообщества

Меню. Прямоугольники под описанием сообщества. Навигация по наиболее важной для клиента информации. Отзывы, новинки осенней коллекции, способы доставки и так далее.

Доступно 7 ссылок на любые вложения группы: фото, видео, обсуждения, и 5 ссылок на приложения. Запрещено добавление ссылок на внешние сайты.

Кнопка действия

Кнопка действия. Ваша возможность получить его контакт или быстро закрыть клиента на продажу. Располагается под обложкой слева от предложения подписаться в группу. Выбирайте из 6 вариантов кнопки:

  • позвонить по телефону
  • написать на почту
  • позвонить через ВКонтакте
  • открыть сайт
  • открыть мобильное приложение
  • открыть приложение сообщества

Оформление историй ВКонтакте

Истории (Stories) набирают популярность не только в Instagram. Короткий срок жизни – 24 часа, стимулирует желание посмотреть материал, пока он не пропал.

Хотите стать ближе к клиентам? Вовлекайте их в жизнь бренда. Устраивайте реалити-шоу в сториз. Открытие и упаковка посылок, примерка новинок клиентами, сборка двигателя и так далее.

Спрашивайте их мнение и анонсируйте короткие (суточные) акции. Люди любят заглянуть за изнанку бизнеса. Используйте это.

Stories доступны группам с численностью от 10 000 подписчиков, группам, получившим “Прометей” и обычным пользователям.

Формат историй: вертикальные фото – 1080 ? 1920 пикселей или 15-секундные видео. Чтобы записать видео, нажмите и удерживайте круглую кнопку.

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

Чтобы загрузить с мобильного перейдите в блок новости. Нажмите “плюс” на аватарке под вопросом “что у вас нового”. Вы можете сделать новую историю или загрузить с телефона.

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

Кадрирование, цветовой баланс, изменение угла фото +/-45 градусов.

  • Надпись (доступно 24 цвета).
  • Стикеры (для сториз или из вашей коллекции)
  • Кисть/фломастер/карандаш (для надписей или закрашивания деталей)
  • Маски и спецэффекты

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

Хештеги и упоминания не кликабельны.

Сюжеты для сториз:

  • Прямые эфиры (до часа)
  • История (фото, 3 секунды)
  • Видеоистория (15 секунд)
  • Пинг-понг (аналог бумеранг в Instagram, 3 секунды)

Оформление видео

Что вы любите больше? Фильмы или книги? В соцсетях предпочитают видеоконтент. Это подтверждают неоднократные исследования. Так что даже самые классные наглядные статьи нужно время от времени разбавлять видео.

Для загрузки видео во ВКонтакте, перейдите во вкладку видеозаписи и нажмите кнопку “добавить видео” (справа вверху).

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

Если вы загружаете видео с другого сайта (например, youtube), воспроизведение начнется после нажатия на кнопку “play”. Поэтому рекомендуем загружать напрямую и увеличивать охваты.

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

Вы можете воспользоваться ими или загрузить свою обложку с компьютера.

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

Также вы можете отключить комментарии и зациклить воспроизведение видео.

Название будет отображаться при любом упоминании видео. Описание – только при открытии в новой вкладке. Старайтесь сделать название максимально емким.

Оформление статей

Любите объемные красочные публикации? Выбирайте формат статей. Советы по проектированию кухни, рассказ о достопримечательностях с фото, сравнение параметров ноутбуков, публикация кейсов – все это требует своевременных фото и расстановки заголовков, акцентов и так далее.

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

Чтобы перейти в редактор и создать статью, нажмите на ее иконку в поле создания записи. Вы увидите чистый лист и вдохновляющее предложение начать статью. Напишите заголовок и приступайте к написанию текста.2 ?, (c) © и других.

Оформление подкастов

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

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

Более того, подкасты доступны не всем. Доступ к подкастам даст вам еще один балл в борьбе против конкурентов. Чтобы получить доступ, запишите первый эпизод, загрузите в аудиозаписи и пришлите его на рассмотрение в группу: https://vk.com/podcasters.

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

Правила ВКонтакте для утверждения подкастов:

  • речь в подкасте должна быть хорошо слышна, а качество записи — на высоком уровне
  • на платформе нельзя размещать эпизоды других авторов и музыкальные произведении
  • в эпизодах не должно быть нарушений законодательства РФ

Названия подкастов включает в себя до 40 символов. Называйте лаконично и понятно. “Интервью с Тимати о продвижении бренда” – хорошо. “Интервью с единственным и неповторимым Стасом Михайловым” – плохо.

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

Обложка подкаста включает в себя квадратное изображение размером не менее 1400 ? 1400 пикселей. Оно отображается слева от основного блока. В основном блоке расположен плейлист с названием, автором, длительностью и количеством прослушиваний подкаста.

Оформление постов

Классический

Посты – это индикатор жизни группы. Когда подписчик заходит в группу, в числе первых он смотрит на даты постов. Если это будет “поздравление с новым 2017г” то велик шанс, что он же окажется последним. Клиент пойдет искать группу, которая готова быть на связи здесь и сейчас. Учитывайте это, когда составляете план публикаций.

Частить тоже не следует.

Во-первых, вы не сможете каждый час выдавать качественный контент, если не наймете команду контентщиков.

Во-вторых, частые публикации вызывают раздражение клиентов и желание сбежать подальше.

Чтобы посты цепляли взгляд и вызывали интерес, сделайте их оформление привлекательным. Самый простой способ – текст + картинка.

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

Три основных варианта создания шаблонов/уникального стиля:

  • Загляните на сайты canva.com и crello.com. На каждом из них вы найдете десятки готовых шаблонов для публикаций в соцсетях
  • Найдите группы с бесплатными psd-шаблонами. Выбирайте готовый и вперед
  • Обратитесь к услугам дизайнера

Котопес. Формат изображения: картинка+статья (единое изображение из 2х частей).

Разделите нужное вам изображение на 2 части. Размер изображения статьи (низ) 1280 ? 720 пикселей. Размер фото (верх) 1280 ? “1280” Выделенное в кавычках число может быть практически любым!

Чтобы оформить формат котопес, опубликуйте статью. Добавьте изображение в пост. Напишите текст. Добавьте ссылку на статью. Готово.

Котопес. Формат изображения: картинка+опрос (единое изображение из 2х частей).

Разделите нужное вам изображение на 2 части. Размер изображения опроса (низ) 510 ? 200 пикселей. Размер картинки 510 ? “510” пикселей. Выделенное в кавычках число может быть практически любым!

Обратите внимание, что низ картинки опроса затемняется и становится однотонным.

Суперкотопес. Формат изображения: картинка+статья+опрос (единое изображение из 3х частей).

Разделите нужное вам изображение на 3 части. Размер изображения картинки (верх) 1023 ? “720” пикселей. Размер опроса (середина) 1023 ? 720 пикселей. Размер лонгрида 1023 ? 720 (низ) пикселей. Выделенное в кавычках число может быть практически любым!

Добавляем картинку, затем опрос и статью.

Виджеты

Хотите, чтобы клиент заметил отзывы или оставил контакт? Используйте виджеты. Дополнительный блок с персональным обращением к подписчику.

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

Виджет устанавливается для одного приложения и максимум 3х ссылок (в меню 7 ссылок и 3 приложения). Эффектная деталь оформления и навигация для клиентов.

Наиболее популярные виджеты: отзывы, 3 плитки с предложением подписки и участия в акции, фотографии друзей, которые уже подписались на группу.

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

Для установки виджета перейдите в блок управление -> приложения. Зайдите в настройку уже установленных приложений или выберите приложение “виджет в сообществе” или приложение, для которого вы хотите установить виджет.

На время настройки виджетов поставьте режим видимости: “только для администраторов”.

Внутри виджета выберите один из четырех стилей и заполните необходимый текст: приветствие, обращение, призыв к действию. Четвертый стиль предлагает подписчику 3 действия/акции/ссылки вместо одного.

Минимальный размер изображений 160 ? 240 пикселей. Формат картинки – jpg. Вы можете расположить индивидуальные картинки или сделать единую, состоящую из трех частей.

После настройки поставьте видимость виджета “для всех пользователей”, видимость кнопки приложения “для администраторов”.

Аватар сообщества

Аватар – это круг, который отображается в постах слева от названия сообщества. По аватару клиент узнает автора публикации еще до того, как прочел название. Если, конечно, прочел.

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

Размеры изображений

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

Аватар сообщества

Круглая картинка, которая отображается слева от записи. Если вы создаете группу с 0, то увидите прямоугольник справа. Размер аватарки не менее 430 ? 207 пикселей. Диаметр круглого аватара – 200 пикселей. Подбирайте изображения без текста, яркие и понятные.

Обложка сообщества

Сегодня во ВКонтакте два варианта обложек: главная (для ПК и мобильных) и живая (только для мобильных). Главная обложка имеет размер 1590 ? 400 пикселей. При загрузке обложки система предлагает выделить допустимый разм с сохранением пропорций. При создании обложки учитывайте отступ сверху – 85 пикселей, и отступы по бокам по 200 пикселей. Именно эта часть обрезается в мобильном приложении.

Живая обложка

  • Видео. Рекомендуемое разрешение 1080 ? 1920. Длительность видео не более 30 секунд, размер файла до 30 МБ, видеокодек H.264, аудиокодек AAC. Чтобы появился звук, на обложку нужно кликнуть.
  • Фото. 5 последовательно сменяющих друг друга изображений. Когда пользователь заходит в сообщество, он видит свернутый вариант. 850 ? 912 пикселей. Развернутая обложка (после нажатия на нее) 1080 ? 1920 пикселей.

Картинка к посту

Минимальный размер квадратных изображений: 510 ? 510 пикселей. Если вы хотите четкое и яркое изображение, выбирайте размер от 800 ? 800 пикселей. Оптимальное соотношение сторон горизонтальных постов: 3 к 2.

Популярный вариант: 700 ? 500 пикселей. Максимальный: 1000 ? 700 пикселей. Пропорции изображения при загрузке сохраняются.

Подборка изображений

Чтобы получить эффектный пост, используйте 6 изображений с одинаковыми сторонами. Например, 6 квадратов или 6 вертикальных картинок 682 ? 1024/442 ? 665 px.

ВАЖНО! Композиция будет соблюдаться только при просмотре с ПК. В мобильной версии подписчик увидит просто 6 изображений подряд.

Сниппет

Появляется при публикации постов со ссылкой. Прямоугольник размером 537 ? 240 пикселей. Чтобы получить 2 изображения в посте (фото к посту и сниппет), необходимо сначала добавить изображение, затем вставить ссылку и заменить изображение.

Изображение для публикаций с внешних источников. При публикации отображается картинка, указанная в метаданных сайта (поле og:image), либо берется просто картинка с сайта.

Исходный размер неважен — изображение будет сжато до размера 537 ? 240 пикселей. Если картинка квадратная или вертикальная, большая часть изображения будет обрезана.

Блок прямоугольных кнопок со ссылками на вложения и приложения ВКонтакте. Доступно до 7 ссылок и 3 приложения. Минимальный размер изображений: 376 ? 256 точек. В названии допускается до 20 символов.

Обложка статьи

Если статья содержит изображения, то автоматически ВКонтакте выберет одно из них. Чтобы заменить обложку, необходимо нажать крестик в правом верхнем углу и загрузить нужное вам изображение. Размер обложки составляет 510 ? 286 пикселей. При выборе обложки учитывайте, что середину закроет название статьи и кнопка “читать”.

Обложка фотоальбома

Рекомендуемый размер 1200 ? 800 пикселей. В мобильной версии обрезаются нижние 200 пикселей. Максимум фотографий в одном альбоме: 10000.

Товары

Размер изображений 1000 ? 1000 пикселей. Отображается обложка, можно добавить еще 4 файла. Горизонтальные изображения НЕ загружаются.

Видеозаписи

Минимальный размер качественного видео 1280 ? 720 пикселей. Максимальный вес – 5 Гб.

Обложки для видеозаписей. 1280 ? 720 пикселей.

Истории

Фото – 1080 ? 1920 пикселей. Видео – 720 ? 1280 пикселей. Максимальная длительность 15 секунд. До 10 Мб. Кодек h.264, звук AAC.

Вики-страницы

Меню. Размер шапки: ширина 607 пикселей, высота произвольная.

Рекомендуемые форматы изображений:

Загружайте изображения в формате JPG, GIF или PNG.

Загружайте видео в форматах AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS.

Теперь вы готовы к созданию продающего оформления группы ВКонтакте. Желаем вам успехов!

Сообщество ВКонтакте — популярный вариант оформления магазина, компании, предоставляющей услуги, личного блога или страницы. С помощью инструментов одной из крупных соцсетей России можно продвинуть собственный бренд, найти свою целевую аудиторию и заявить о себе людям. Но перед продвижением группы ВК или же паблика нужно уделить внимание оформлению: понять, что должно быть в группе, красиво оформить профиль и добиться того, чтобы страница привлекала своим внешним видом целевого посетителя.

Размеры и соотношения сторон картинок

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

А что про размеры основных элементов? Это примерные цифры, но на них можно ориентироваться, разрабатывая дизайн для группы:

  • аватар: соотношение от 1 : 1 до 2 : 5, от 200 х 200 до 200 х 500 пикселей;
  • ширина картинок в ленте: 510 пикселей, высота зависит от того, хотите вы квадратное или прямоугольное изображение;
  • для меню лучше использовать такую картинку, чтобы ее нижний край заканчивался на одной прямой с аватаркой. Если для аватара выбрано соотношение 2 : 5, в меню должно быть фото с высотой 308 px;
  • обложки к статьям автоматически обрезаются до размера 510 х 286 px;
  • картинки, которые появляются при вставке ссылки, кадрируются до габаритов 537 х 240 пикселей;
  • для товаров в магазине используйте квадратные фотографии с шириной 1000 px;
  • обложка к шапке — 1590 х 400, в мобильной версии обрезается.

Избавляемся от сжатия изображений

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

Избавиться от этого неприятного эффекта можно, увеличив исходник примерно вдвое. То есть, загрузив картинку шириной не 510, а 1020 пикселей и больше. Файл все равно ужимается, но на таких масштабах это не так заметно, а пикселизация практически не видна. Еще один прием — выбирать изображения со светлым или белым фоном, на которых не так заметны проявившиеся пиксели.

Оформление шапки страницы

При создании дизайна для группы наиболее важный участок — это шапка, то есть верхняя часть странички. Здесь размещаются аватар, обложка, описание и меню или закрепленный пост: в нем обычно публикуют важные новости, конкурсы или правила. Изменить содержимое можно при переходе в «Настройки» в одноименной вкладке.

Там можно настроить:

  • название сообщества;
  • короткий адрес;
  • обложку — большую картинку в самом верху страницы;
  • описание группы.

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

  • Название. Желательно, чтобы оно отражало суть страницы. Если вы интернет-магазин или группа, предоставляющая какие-нибудь услуги, укажите тематические слова после основного названия. Само имя сообщества стоит делать коротким, броским и запоминающимся: это пойдет на пользу личному бренду и поможет сделать вас узнаваемым. Если ничего подходящего сходу не придумывается, не волнуйтесь: название можно будет изменить впоследствии.
  • Описание. Грамотно и интересно описать свой паблик — отдельная задача. В несколько строк вам понадобится уместить:
  • основные сведения о себе, товаре или услуге, которые вы предоставляете;
  • контакты и способы заказа, если вы коммерческая компания;
  • ссылки на другие ресурсы, если они есть;
  • текст, привлекающий целевую аудиторию и интригующий ее.

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

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

  • Обложка. Это большая картинка, которая отображается сразу над аватаркой и задает облик всему сообществу. Грамотный дизайн почти всегда подразумевает ее наличие: заставка несет не только эстетические, но и коммерческие преимущества.

На большой фотографии можно указать:

  • телефоны и электронные адреса;
  • логотип бренда;
  • краткие сведения;
  • информацию об акциях или конкурсах.

Вдобавок это отличное украшение страницы. Шаблон обложки имеет размер 1590 на 400 пикселей; если изображение более широкое, ВКонтакте предложит обрезать ее в соответствии с нужными габаритами. Можно и нужно выбирать более крупные фотографии, чтобы избежать серьезных потерь в качестве.

  • Динамические и живые обложки. В первом случае участок обложки анимирован или изменяется в зависимости от ситуации, во втором вместо изображения добавлено видео или гиф-анимация. Это можно сделать только для мобильной версии. Подобный способ оформления интересен и обращает на себя внимание людей, но не забывайте про трафик: не у всех посетителей страницы безлимитный интернет. Загружаются такие шапки в том же разделе, что и обычные.
  • Короткая ссылка. Это удобный способ уникализировать паблик, с помощью которого вас можно будет найти, не запоминая длинный ID страницы. Сделать короткий URL можно средствами самого ВКонтакте: просто укажите адрес в соответствующем поле в настройках. Он не должен повторять уже существующие и содержать некоторые специальные символы, а также кириллицу. Латинскими буквами можно писать что угодно.

Аватар сообщества

Аватарка настраивается отдельно: для этого нужно кликнуть по картинке в правой части страницы (или вверху, если у вас настроена обложка) и выбрать «Обновить фотографию». Сама по себе загрузка «авы» очень простая, куда сложнее создать ее и оформить таким образом, чтобы картинка служила целям маркетинга.

  • Миниатюра. Большую часть времени изображение показывается в миниатюре, и это нужно учитывать при размещении на нем элементов:
  • очертания должны быть заметные, объекты — крупные, потому что мелких деталей будет попросту не видно;
  • желательно использовать текст, но по определенным правилам: буквы крупные, надпись целиком помещается в миниатюру и хорошо на ней видна.
  • Оформление. Нежелательно использовать в качестве аватара стоковые фотографии или некачественно нарисованные баннеры. Лучше всего нанять для создания оформления художника или фотографа, попросить его сформировать несколько картинок в единой теме, чтобы группа смотрелась гармонично. Детали аватарки должны быть понятными, вызывать логичные ассоциации и не заставлять посетителя ломать голову, что же там изображено. Не перегружайте картинку: сейчас в тренде минимализм, четкие линии и отсутствие лишних деталей. А вот цвета лучше выбирать броские и заметные: так получится выделиться и не потеряться на фоне конкурентов.
  • Информация. На аватарку можно помещать короткие сообщения об акциях, грядущих мероприятиях, ивентах и конкурсах. Они должны быть максимально сжатыми: желательно уложиться в 2–3 слова, чтобы на небольшой картинке хватило места, а надпись была видна даже на миниатюре и не оставляла у пользователя вопросов. Там же можно указать номер телефона или ключевые преимущества компании.

Слитные аватар и меню группы

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

  1. Откройте в редакторе изображение, которое хотите разрезать, выделите в нем участки для меню и аватара.
  2. Чтобы одна картинка перетекала в другую, между блоками нужно сделать «пробел» шириной в 50 пикселей: так блок меню начнется не в том же месте, где прервалась аватарка, а чуть сбоку, как будто часть изображения продолжается под интерфейсом соцсети.
  3. Можете поискать в Сети шаблоны, программы и приложения, способные самостоятельно генерировать слитные оформления. Но лучше научиться делать их своими руками.

Виджеты и дополнения

Блок, который ВКонтакте ввел относительно недавно, позволяет настраивать разнообразные виджеты, работающие на воронку продаж или помогающие пользователям в навигации. Этот же блок позволяет создавать простые меню без долгой работы с вики-разметкой. Сейчас запущено и работает уже много разнообразных приложений, позволяющих создавать блоки под самые разные цели:

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

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

Изображения к контенту: как оформить

Всем известно, что главное в SMM и ведении профиля в соцсети — контент. Без качественного наполнения даже красиво оформленная группа не будет продвигаться и расти, но и к записям предъявляются свои требования. Например, посты, к которым не прикреплена картинка, читают хуже, у них меньше видимость, их реже замечают в ленте. Здесь, кроме базовых правил (высокое разрешение изображения, отсутствие перегруженности), есть свои особенности.

Картинки с текстом.

  • Используйте затемнение или осветление, если планируете разместить на картинке текст. Так буквы будут более читаемыми, а само изображение не отвлечет читателя от текстового содержимого.
  • Можете создать на фото область другого, контрастного цвета и поместить надпись поверх нее, чтобы она не сливалась с элементами картинки. Хорошо работает разделение фотографии на две части в графическом редакторе.
  • Еще один вариант — подсветка каждой строчки по отдельности. Это работает не для всех вариантов стиля, но, как правило, смотрится хорошо.
  • По аналогии с затемнением или осветлением можно использовать размытие. Сам текст можно подсветить или добавить туда тень с помощью редакторов.
  • Хороший выбор — изначально выбирать картинки, где есть место для размещения текста: например, большой однотонный участок. Так редактирование фото сведется к минимуму.
  • Ватермарки. Если вы создаете авторский контент, его лучше обезопасить от присвоения авторства. Это помогают сделать «водяные знаки» с вашей символикой: так, даже если картинку опубликуют в другом паблике, по вашим опознавательным знакам легко будет догадаться, что это вы. Ватермарк в таких случаях может работать как еще один способ рекламы, особенно если вы делаете что-то популярное: рисуете или фотографируете, создаете коллажи.
  • Источники. Чтобы находить красивые фотографии, платить необязательно. Существует множество сервисов бесплатных стоковых фото, таких как Picrew, Pexels, Freestockimages. У многих есть русскоязычный интерфейс и поиск по картинкам: найти подходящую будет несложно, пользоваться ими можно с указанием автора исходника.
  • Редакторы. Photoshop — сложный инструмент, и не каждый владелец паблика ВКонтакте умеет с ним работать. Для тех, кто хочет редактировать фото, но не может воспользоваться профессиональным редактором, существует большое количество более простых программ и онлайн-сервисов. Никто не предлагает вам пользоваться Paint: есть приложения, специально заточенные под обработку фото для соцсетей. Например, Canva, Photor и другие.

Инструмент статей и редактирование

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

  • Лонгриды редко пишутся в самом редакторе, чаще их копируют из текстовых документов. Если вы так делаете, обязательно пробегитесь по тексту и посмотрите, нет ли ошибок форматирования. Например, при вставке из Word до недавнего времени часто дублировались переносы строки.
  • Первая строчка — заголовок и название: на его основе будет строиться короткий адрес статьи, оно же отобразится в превью.
  • Выделив нужный участок текста, вы можете сделать его полужирным, наклонным или зачеркнутым, изменить позиционирование (по центру, по любому из краев), оформить как цитату или ссылку, сделать заголовком первого или второго уровня.
  • Если вы перейдете курсором на пустой абзац, появится кнопка с плюсом. Нажав на нее, можно добавить в тело статьи изображение, видео или аудиозапись, GIF-анимацию, прикрепить товар или создать опрос. Последний вариант — три звездочки, отбивка блока текста.
  • Вики-разметка групп ВКонтакте

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

  • ВКонтакте предоставляет собственный редактор для создания таких лонгридов. Для перехода к нему и оформления статьи можно скопировать в адресную строку текст https://vk.com/pages?oid=-N&p=Нaзвание и подставить вместо «Название» имя будущего лонгрида, а вместо N — идентификатор вашей группы.
  • Редактор похож на окна редактирования текста в популярных CMS. Одна из особенно важных функций — переход в режим кода. Это делается по кнопке в правом верхнем углу окошка.
  • Тонкости и секреты вики-разметки потребовали бы отдельной статьи. К счастью, ВКонтакте есть официальные сообщества, посвященные ее использованию, и нужную информацию можно найти в них.

Навигационное меню

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

У обоих подходов есть плюсы и минусы:

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

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

Размеры изображений для соцсетей — CPA-salon.ru


Размеры изображений для Facebook

Фото профиля вашей Страницы:

  • Отображается с разрешением 170 х 170 пикселей на вашей Странице на компьютерах, 128 х 128 пикселей на смартфонах и 36 х 36 пикселей на большинстве многофункциональных телефонов.

Фото обложки вашей Страницы:

  • Имеет 820 пикселей в ширину и 312 пикселей в высоту при просмотре вашей Страницы на компьютерах и 640 пикселей в ширину и 360 пикселей в высоту при просмотре на смартфонах.
  • Должно быть не менее 400 пикселей в ширину и 150 пикселей в высоту.
  • Загружается быстрее всего как файл sRGB JPG шириной 851 пиксель и высотой 315 пикселей и размером менее 100 килобайт.

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

Размеры изображений для Вконтакте

Стандартный размер обложки вк группы — 795x200px

Рекомендуемый размер обложки — 1590x400px

Карточка товара для вк 834х834

Баннер 1020х1020

Загружайте изображение размером 200 на 300 px. Или 2 к 3, но не более 600х900 px. На компьютере отобразится в размере 200×300 px. Миниатюра отобразится в круге с диаметром 200 px. Если загрузить бóльшую картинку, она отобразится при клике на аватар.

Размеры изображений для Twitter

Фото профиля

Загружайте изображение размером 400×400 px. Фото профиля на компьютере отобразится как круг размером 200px в диаметре.

Обложка

Загружайте изображение размером 1500х500 px. Так советует сам Twitter и все редакторы, в которых есть шаблон обложки для Twitter. Однако при отображении на компьютере обложка показывается как 1900 на 500. А это уже не 3 к 1, а 19 к 5.

Картинка для поста

Загружайте 1024×512 px. При отображении в ленте картинка уменьшится до 506 px по ширине. Сохранится пропорция 2 к 1. Вертикальная уменьшится до 506 px по высоте и ширине, станет квадратной. Поэтому, если вы захотите поставить вертикальную картинку, при показе в ленте она равномерно обрежется сверху и снизу. Если нажать на картинку, она откроется без обрезки

Размеры изображений для Instagram

Фото профиля

Загружайте картинку размером 110×110 px. Фотография отобразится в круге.

Картинка для поста

Загружайте картинку размером 1080×1080 px. Квадратную картинку загружать не обязательно, но желательно. Если вы загружаете неквадратную картинку, то идеальная ширина — 1080 px, а длина — от 566 до 1350 px. В веб-версии фотографии будут отображаться в размере 291×291 px. При сжатии в Instagram картинка уменьшится до 640 px. В веб-версии откроется картинка размером 600×600 px.

Картинка для Stories

Загружайте картинку размером 1080х1920 px. Можно и других размеров. Главное, чтобы сохранялась пропорция 9:16. Например, подойдет 900х1600 px.

Размеры изображений для YouTube

Картинка поверх видео: 1280 x 720 px
Обложка канала: 2560 x 1440 px
Фото профиля: 800 x 800 px

Размеры изображений для Pinterest

Фото профиля

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

Картинка для пина

Загружайте картинки размером 600×900 px или с соотношением сторон 2 к 3. На компьютере картинка сожмется до 238 px в ширину.

Пропорции сохраняются до тех пор, пока соотношение сторон примерно от 1 к 1 до 1 к 3,5. Если фотография более вытянутая, то сервис ее обрежет на общей странице, а полная версия будет доступна при клике. Максимальная ширина при открытии — 735 px.

Картинка для доски/альбома

Загружайте картинки размером 600×900 px или с соотношением сторон 2 к 3. Во многих источниках указано, что нужно загружать картинку шириной 238 px, но это неверно.

Размеры изображений для LinkedIn

Фото профиля

Загружайте изображение размером 300×300 px. В личном профиле отобразится в круге, на странице компании — в квадрате 130х130 px.

Фото обложки

Загружайте 1584х396 px для личной страницы и 1536х768 px для страницы компании.

Картинка для поста

Загружайте изображение размером 1200×627 px.

При отображении в ленте картинка сожмется до 520х272 px. Если загружать картинки других размеров, горизонтальные сожмутся до 520 px по ширине, а вертикальные — до 510 px по высоте. Пропорции сохранятся.

Картинка к внешним ссылкам

Загружайте изображение размером 1200×627 или 520х272 px. Соотношение сторон должно быть 1,91 к 1. Ширина должна превышать 200 px.

Размеры изображений для OK.ru

Фото профиля или группы

Загружайте изображение 288×288 px.

Тема группы

Состоит из трех частей:

  • Главное изображение — 1340×320 px;
  • Обложка темы для каталога — 240×90 px;
  • Повторяющийся фон страницы — 320×320 px.

Размер картинки для поста в одноклассниках

Загружайте изображение 1024×768 px.

При отображении в ленте горизонтальная картинка уменьшится до 548 px по ширине, соотношение сторон сохранится.

Вертикальная уменьшится до 411 px по высоте, соотношение сторон сохранится.

Источник статьи

анимированные обложки, размеры изображений и прочие тонкости

Зачем группе оформление Вконтакте Обложка Аватарка Вики-меню Посты Товары Зачем группе оформление Функциональность социальных сетей позволяет оформлять группы изображениями. Оно может быть не только красивым, но и полезным, это хороший способ решить сразу несколько задач. Оно может: обозначать тематику и направление группы;экономить время пользователей на изучение сообщества;выводить на видное место контакты для связи;создавать нужное настроение и тематическую атмосферу;мотивировать на комментарии и лайки;выполнять другие особенные функции.

В соцсетях есть разные возможности оформить группу, разберемся с функциональностью во Вконтакте.

Вконтакте

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

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

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

Далее разберем подробнее каждый элемент оформления.

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка нашей группы vk.com/prcyru

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

Группа без обложки

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества

Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

Стрелка указывает на кнопку подачи заявки

Стрелка показывает на кнопку с сообщением

Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку

Стрелка указывает на пустое поле

Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать.

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

Пример с выводом аватарок активных участников на обложку

Аватарка нового подписчика на обложке

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

О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.

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

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

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

С обложкой и аватаркой

Только с аватаркой

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Редактор не дает выделить более вытянутое поле.

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

Обложка меню

Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

Редактор изображений в вики

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

Тестовый пост с вики-меню

Посты

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

Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения.

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

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

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

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

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

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

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

Товары

Размеры: не меньше 600 px.

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

Редактор не позволяет растягивать область выбора миниатюры

Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.

Миниатюра товара из товарного ряда

Открытая карточка товара

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

Ряд с товарами в группе PR-CY

Открытая карточка товара

Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.

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


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

Фото на заставку группы в вк

ОБОИ запись закреплена

  • Записи сообщества
  • Поиск
ОБОИ запись закреплена

ОБОИ запись закреплена

ОБОИ запись закреплена

. NewYear
NewYearNewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
Показать полностью…
NewYear NewYear
NewYear
NewYear
NewYear
NewYear
NewYear
NewYear
NewYear
NewYear NewYear
New YearNew YearNew Year
New YearNew YearNew Year

NewYear
NewYNewYear Year
NewYearNewYearNewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYearNewYearNewYear
New Year New Year
NewYear

NewYear
NewYearNewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear
NewYear
NewYear
NewYear
NewYear
NewYear
NewYear
NewYear NewYear
New YearNew YearNew Year
New YearNew YearNew Year

NewYear
NewYNewYear Year
NewYearNewYearNewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYear NewYear
NewYearNewYearNewYear
New Year New Year
NewYear


。 。。
。 。

。 。
。 。。

。。。


Happiness
And luck

ОБОИ запись закреплена

Щавель – Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель- Щавель.

Я про тебя знаю 4 вещи:

1) Ты не прочитал и половины Щавеля.
Показать полностью…

2) Ты не заметил, что между Щавель стоит Щенок.

3) Ты пошел назад и посмотрел стоит ли между Щавель Щенок и узнал, что я тебя обманул

4) Ты открываешь рот и смеёшься

Но мой дорогой я знаю ещё 11 вещей про тебя.

1) Ты читаешь это.

2) Ты живая персона.

3) Ты не можешь прочитать “П” без движения губ.

4) Ты попробовал это только что.

5) Ты читаешь дальше.

6) Ты читаешь и думаешь как здесь всё тупо.

7) Ты был так увлечён чтением, что не заметил что номера 5 нету.

8) Ты только что посмотрел есть ли 5.

9) Ты заметил, что я тебя снова обманул.

11) Ты думаешь кому это отправить.

Хочешь узнать кто ты?
Мальчик или девочка?
Посмотри вниз:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
¿
Да не здесь
У себя внизу посмотри

Можно хоть один лайк?
и да скопируй это и засерай коменты

Раскрутка группы ВКонтакте становится гораздо проще, если ее визуальная составляющая цепляет с первых секунд!

Возьмите продвижение группы ВК в свои руки

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

Как сделать «шапку» для группы ВК в Canva:

  1. Откройте один из шаблонов.
  2. Вставьте свою фотографию, или любое из наших изображений.
  3. Загрузите логотип и другие символы.
  4. Добавьте надпись.
  5. Сохраните полученную картинку.

Позаботьтесь, чтобы обложка для группы отражала ее концепцию

  1. Меняйте картинки. В нашей коллекции их миллионы — есть, с чем экспериментировать!
  2. Меняйте фильтры. Чтобы даже аматорский кадр выглядел, как после долгой обработки.
  3. Меняйте графические элементы. Значки, ярлыки, рамки и прочие броские детали в выбранном стиле.
  4. Меняйте цвет и шрифт текста. Делайте акценты на самом важном.
  5. Отправляйте. Устанавливайте кавер в сообществе и приглашайте в него участников.

Выбирайте сами, какой будет «шапка» для группы ВК

Если вы стремитесь быть в тренде и следите за обновлениями, то в вашем сообществе уже давно появилась обложка, и вы заметили, как много возможностей дает это нововведение. Для новых гостей — составить первое впечатление о странице, а для вас — закрепить топовую информацию. Но чтобы использовать весь потенциал по-максимуму, нужно уметь работать с графическими программами. Или воспользоваться готовыми решениями от профессиональных дизайнеров Canva. Они уже сделали все необходимое, чтобы сосредоточились на главном — своих идеях, а на их оформление потратили не больше нескольких минут.

Используйте для группы бесплатные картинки

Пользователи часто сталкиваются с выбором: скачать ли изображение из общедоступных ресурсов, или предпочесть уникальность, за которую придется дорого платить. Библиотека изображений Canva позволяет избежать компромиссов и получить все сразу: качественные снимки, плюс экономию бюджета на развитие. Из тысяч бесплатных фотографий вы сможете подобрать подходящие под свою тематику, и их будет достаточно, чтобы обновлять шапку хоть каждый день. А если на понравившемся снимке стоит вотермарка, ее можно снять всего за $1.

Храните готовые фото для группы ВК в едином кабинете

Собственная творческая студия всегда с вами! Установите приложение Canva на любое устройство Android или iOS, чтобы вносить изменения в существующие онлайн-макеты прямо со смартфона. Ни одна важная новость не будет упущена только по той причине, что вы не успели запланировать ее публикацию.

Содержание

Зачем группе оформление

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

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

В соцсетях есть разные возможности оформить группу, разберемся с функциональностью во Вконтакте.

Возможности Вконтакте

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

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка нашей группы vk.com/prcyru

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

Группа без обложки

Общие рекомендации к обложке


Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать.

Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества

Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

Стрелка указывает на кнопку подачи заявки

Стрелка показывает на кнопку с сообщением

Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку

Стрелка указывает на пустое поле

Динамическая обложка

Размеры: такие же, как у обычной обложки.

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

Пример с выводом аватарок активных участников на обложку

Аватарка нового подписчика на обложке

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

О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

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

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

Включается эта возможность в Настройках сообщества:

Настройки группы

Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:

Добавление фотографий

Какой размер материалов выбрать:

Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

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

С обложкой и аватаркой

Только с аватаркой

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Редактор не дает выделить более вытянутое поле.

Меню с кнопками

Размеры: картинка для кнопки от 376х266 точек.

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

Лента меню в группе

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

Настройка кнопок меню

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Меню на смартфоне

Минимальный размер обложки кнопки — 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню — это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

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

Обложка меню

Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

Редактор изображений в вики

Вики-страничка с разделами меню настраивается в редакторе. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.

Тестовый пост с вики-меню

Посты

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

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

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

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

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

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

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

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

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

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

Товары

Размеры: не меньше 600 px.

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

Редактор не позволяет растягивать область выбора миниатюры

Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.

Миниатюра товара из товарного ряда

Открытая карточка товара

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

Ряд с товарами в группе PR-CY

Открытая карточка товара

Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.

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

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

Если вы хотите знать больше о ведении групп в социальных сетях, вам может быть интересны другие наши статьи из цикла SMM:

“>

540-40-ПП-ВК

540-40-ПП-ВК

У нас есть торговые представительства STAUFF в вашем регионе.

Хотите посетить stauff.ru, чтобы ознакомиться с местными предложениями и услугами?

Изображения только в иллюстративных целях

№ материала STAUFF.1130006056

Список цен

€ 258,18 (за 100 штук) могут взиматься налоги и стоимость доставки

У вас есть постоянный спрос на трубопроводное оборудование и гидравлические компоненты, и вы ищете индивидуальные цены на нашу продукцию, пожалуйста, свяжитесь со STAUFF.

Технические характеристики

Группа 5 (DIN 3015 Размер 5)

Стационарный монтаж линии

Раздвижная установка линии

Список желанийизменить

Когда изображения сделаны с помощью микроскопа серии VK-X1000, вы не можете измерить расстояние между отдельными изображениями с помощью многофайлового анализатора Keyence или любого другого программного обеспечения, предлагаемого Keyence.Измерения можно проводить только внутри самих изображений.

С помощью стандартных инструментов вы можете сшить область, чтобы получить одно большое изображение, но существует ограничение на количество изображений, которые можно сшить вместе (100 или 560 в зависимости от разрешения), и это займет много времени. Получение 30-секундного изображения для 100 изображений займет 50 минут, а собираемая область будет охватывать только область 32 x 24 мм с увеличением x5.

При использовании 200-миллиметровой пластины эти ограничения могут привести к тому, что процесс займет настолько много времени, что его не стоит делать.

Используя XpansionUI и электронную таблицу Excel, мы можем использовать кодеры высокого разрешения системы позиционирования для регистрации каждого изображения в пространстве сцены. Затем с помощью Multifile Analyzer мы можем кадрировать каждую область и получать точные глобальные координаты объекта. Это будет распространяться на каждое изображение с помощью функции пакетного анализа Keyence MultiFileAnalyzers. После того, как эти измерения будут экспортированы в Excel, координаты рабочей области для каждого изображения могут быть импортированы из обучающего файла, используемого для создания изображений, а положения изображений и координаты рабочей области будут использоваться для расчета точного местоположения этих элементов в координатах инструмента.

Точность этого метода зависит от точности предметного столика и точности микроскопа.

Точность ступени определяется типом ступени. Peak Metrology использует ступени Aerotech, которые разработаны для обеспечения точности, повторяемости и долговечности. С помощью обширного каталога ступеней Aerotechs компания Peak Metrology выбирает ступени, которые обеспечивают наилучшую ценность для приложения. Типичные ступени с шарико-винтовой передачей и линейным двигателем Aerotech имеют точность +/- 10 мкм на 300 мм хода без калибровки.

Поскольку XpansionUI также использует контроллер движения Aerotech Automation1, мы можем откалибровать ступени, чтобы компенсировать эти ошибки при движении. Это снижает точность ступеней 300 мм до +/- 2,5 мкм для ступени с шарико-винтовой передачей и +/- 1,5 мкм для ступени линейного двигателя. Эта калибровка увеличивает производительность как минимум на 400% и выполняется на всех системах LF-X. Этого не происходит ни в одной из систем LF-B, которые управляются контроллером Keyence, поскольку они используют шаговые двигатели с разомкнутым контуром и не имеют возможности реализовать калибровочную таблицу.

Микроскоп также влияет на точность. Keyence VK-X1100 имеет точность в пределах +/- 2% от измеренного значения. Это измеренное значение зависит от используемого объектива и его увеличения. Все изображения сделаны с разрешением 1024 × 768 пикселей. Объектив с низким увеличением будет иметь больший размер пикселя и, таким образом, даст нам больше вариативности в наших измерениях с помощью MultiFileAnalyzer.

Еще одно влияние на точность метода сшивания на большой площади — потеря разрешения.Когда изображения сшиваются вместе, количество пикселей уменьшается. Снимается изображение стандартного разрешения с разрешением 1024 × 768 пикселей. При объединении максимального количества изображений 560 это разрешение будет сжато. Полностью сшитое изображение с таким количеством пикселей в сетке изображений 56 × 10 будет уменьшено до 12563 × 1676 пикселей. Если бы не было сжатия, у нас было бы количество пикселей 50304 × 6816 с учетом 12,5% перекрытия при сшивании. Это сжатие приводит к снижению четкости изображений.

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

VK-X1100 использует револьвер для смены линз. Когда турель поворачивается к новому объективу, центр поля зрения немного смещается. Раздел «Калибровка турели» в настройках XpansionUI может минимизировать этот эффект, но неповторяемая часть этого поворота вызовет некоторые сдвиги в ваших измерениях.Для получения наиболее точных результатов на протяжении всего процесса используйте один и тот же объектив.

Чтобы показать точность этого процесса, мы измерили расстояния на большом сшитом изображении до серии статических изображений, снятых отдельно. На создание большой области сшивки из 560 изображений ушло более 9 часов. Пять снимков, сделанных в интересующих точках, заняли менее пяти минут. Поскольку VK-X может сшивать не более 560 изображений вместе, это ограничивает максимальную площадь, которую вы можете сшить для измерения. С линзой с большим увеличением, например линзой x50, это позволяет получить только область около 30 x 1.В лучшем случае 5 мм. Это небольшая область, если смотреть на детали на 200-миллиметровой пластине или другой большой детали, не говоря уже о том, что время, необходимое для получения всех этих изображений, будет измеряться часами, а не минутами.

На изображении слева показана пластина диаметром 200 мм, на которой мы проводили измерения. В рамке показана приблизительная максимальная площадь, которую мы можем сшить с помощью объектива x5, примерно 135 x 18 мм. Круги представляют интересующие области на этом сшитом изображении. Треугольники представляют собой области, которые мы могли бы измерить с помощью обучающего метода «Регистрация изображений».Линзы с большим увеличением ограничивают нашу максимальную область сшивания, но не влияют на регистрацию изображения в глобальных положениях. Фактически, большее увеличение позволит получить более детализированные изображения, которые можно будет более точно измерить.

Это изображение представляет собой полностью склеенную область из 560 снятых изображений. Это изображение охватывает область 135 x 18 мм на пластине диаметром 200 мм. На создание этого изображения ушло 8 часов 54 минуты. Размер каждого пикселя после сшивания изображения равен 10.7um в квадрате. Размер пикселя необработанного изображения составляет 2,7 мкм в квадрате. Мы рассмотрим 7 конкретных мест внутри этого изображения и измерим расстояния между этими элементами. Затем мы сравним необработанные файлы, составляющие сшитую область, на что потребовалось менее 7 минут, и сравним значения расстояний между объектами. Субъективность изображения при выборе объекта интереса даст нам некоторую вариативность в измерениях.

Один раз учить — измерять многие

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

  1. Загрузите деталь и совместите ее с микроскопом и измерительной плоскостью.
  2. Создайте программу обучения, которая будет отображать каждый интересный момент с вашей стороны.
  3. Выполните процедуру обучения, которая сохранит все ваши результаты на ПК / в сети.
  4. С помощью анализатора изображения найдите центральную точку изображения.
  5. Рассчитайте расстояние по осям X и Y от центральной точки изображения до дальнего края изображения.Это расстояние создает основу для всех характеристик, измеряемых на каждом изображении.
  6. Рассчитайте расстояние по оси X от опорных кромок X до интересующей точки.
  7. Рассчитайте расстояние по оси Y от опорных краев Y до интересующей точки.
  8. Повторите шаги 5–7 для всех сделанных изображений. Надеюсь, в вашем пакете анализа есть пакетный анализ, который упростит эту задачу.
  9. Экспорт всех измерений в электронную таблицу.
  10. Импортируйте обучающие локации для каждого изображения в электронную таблицу.
  11. Свяжите координаты каждой точки обучения с соответствующим изображением.
  12. Вычтите расстояние X до значения края кадра из шага 5 из местоположения центральной точки X из значения X обучающего файла из шага 11 и добавьте расстояние, вычисленное на шаге 6.
  13. Вычтите расстояние Y до значения края кадра из шаг 5 от местоположения точки центра X из обучающего файла значение Y из шага 11 и сложите расстояние, вычисленное на шаге 7.
  14. Повторите шаги 12 и 13 для всех точек интереса и всех сделанных изображений.
  15. Значения, вычисленные на шагах 12 и 13, представляют собой координаты интересующей точки в рабочей области.

Вычислите расстояние между любыми двумя объектами по формуле: √ (X 1 -X 2 ) 2 + (Y 1 -Y 2 ) 2

Картинка давка вк галагиф.com

Анна Шимонета Нисикиномия

Первоначально опубликовано unlimitedbauxiteworks

Размер: 168 x 255

Accel World Kuroyukihime

Акума-но-Хоши (Чон Ми Ён) — DeviantArt

Размер: 9 1804 9000 браузер не поддерживает тег видео

High Heel Giantess Feet Crush

giantess crush car popcreen — Giantess Crush — Photo, Picture, Image …

Размер: 176 x 255

Ваш браузер не поддерживает видео тег

VK RU Ls Dreams

Arina Dreams 2 Pelautscom Изображение

Размер: 254 x 255

Ваш браузер не поддерживает теги видео

VK Woman Boy

Vk Boys Vids 293 Vk Com 15479 Kb 200 X 293 Px | Black Models Изображение

Размер: 255 x 255

Ваш браузер не поддерживает видеотег

Cherry Crush Fucked

Anal Picture — Cherry Crush fucked in ass

Размер: 148 x 255

Ваш браузер не поддерживает тег видео

Crawdad Crush Sneakers

The Crush In Huffington Post Изображение

Размер: 176 x 255

Ваш браузер не поддерживает тег видео

Giantess Feet Crush

Giantess Crush Man — Giantess Crush — Фото, изображение Изображение и…

Размер: 119 x 214

Ваш браузер не поддерживает теги видео

VK Ls Dreams

lesfuck — Lesfuck — Фото, картинки, изображения и обои Скачать

Размер: 158 x 232

Ваш браузер поддерживает не поддерживает тег видео

RU Vk ID PT

pt little girl ru vk id vk ru biqle дочь

Размер: 132 x 255

Ваш браузер не поддерживает тег видео

VK Cock Crush Under a Board

Мисс К. Давка члена под доской !! | CBT Fetish

Размер: 153 x 255

ASMR Cherry Crush Sex

GIF Картинка — Cherry Crush целует друга

Размер: 139 x 255

My Cherry Crush

Анальное фото — Cherry Crush связали и трахнули в задницу

Размер: 152 x 243

Cherry Crush Fucking

GIF Изображение — Cherry Crush fucking

Размер: 163 x 189

Guinea Pig Crush VK

Отправить по электронной почте BlogThis! Опубликовать в Twitter Опубликовать в Facebook Опубликовать в…

Размер: 178 x 255

В поисках Немо Давка

Давка В поисках Немо — Детские торты на день рождения Изображение

Размер: 110 x 203

Tumblr Quotes About Crush

.

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

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

Закрыть
Menu