Оформить картинки в вк

Оглавление:

Как правильно оформлять рекламные посты во ВКонтакте

31 июля 2015 — 16:20

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

Учитывая тот факт, что почти 50 % пользователей ВК просматривают новостную ленту с мобильных устройств (в зависимости от тематики паблика) необходимо регулировать размер рекламного баннера.
Рекомендуемый размер 560*360, при этом избегайте текста возле края картинки и фокусируйте внимание в центре.

Даже не вникая в тонкости копирайтинга, а именно продающих постов соблюдайте правила:
заголовок должен помещаться в одну строку. Если нет такой возможности, просто выделите информацию в первой строке заглавными буквами, во второй — строчными.
— если вы используете небольшие тексты (обычно это заголовок, перечень преимуществ и контакты для связи) старайтесь поместить его в видимую часть поста или вообще обойтись без «показать полностью…». Зачастую это до 350 знаков с пробелами.

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

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

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

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

Уделив проверке рекламного поста 1-2 мин.,
а исправлению — 5-6 мин.
вы способны увеличить конверсию в 10-15 раз. Потенциальные клиенты
точно оценят ваше внимание и подход к делу 😉

Перед публикацией всегда размещайте пробный рекламный пост в тестовой группе!

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

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

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

Здесь все просто: если фон темный, используйте светлый шрифт. Если светлый, то темный. Текст должен отчетливо читаться.

Шрифт должен быть читабельным
При выборе шрифта обязательно обращайте внимание на то, насколько хорошо он читается. Необычные витиеватые шрифты с засечками смотрятся интересно, но порой их так сложно прочитать, что лучше от них вовсе отказаться.
Используйте не более 3 шрифтов на одном изображении

Текст на изображении к посту не должен быть слишком крупным или слишком мелким. Постарайтесь найти золотую середину.

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

Информация взята из открытых источников

Оформление картинок ВК — Шесть или девять одинакового размера

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

Пост из шести картинок в ВК:

Для того чтобы загрузить в вашу публикацию шесть картинок и они были бы одинаковыми, вам необходимо подготовить каждую из них. Для этого нужно сделать 6 квадратов с одинаковыми сторонами, 532 x 532 px или например 1063 x 1063 px. Можете использовать свой размер, главное чтобы все изображения были одинакового размера.

Есть вариант из шести картинок которые имеют не равные стороны, такое оформление подойдёт для анонсов к фильмам, смотрится симпатично.

Для такого оформления, картинки имеют размер: 682 x 1024 px.

Девять картинок в публикации Вконтакте:

Здесь немного отличается метод, картинки для поста из 9 изображений должны быть не иметь форму квадрата с одинаковыми сторонами, нужны прямоугольники. Размер 960 x 706 px. Можно конечно поэкспериментировать с другими размерами, но конкретно этот 960 x 706 px, был опробован и прекрасно работает.

Оформление картинок ВК, которые привлекут внимание.

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

Для составления такого поста, в самом ВК имеется редактор, для нанесения надписей и стикеров, об этом мы рассказываем здесь (см. Как добавить стикеры на фото ВКонтакте).

Оформление страницы вконтакте для бизнеса

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

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

  1. Зачем бизнесмену «украшения»
  2. 5 Неотразимых Решений Привлекательности Вконтакте
  3. Фотостатус – Самое Необычное Оружие Привлечения Людей Вконтакте
  4. 3 Способа Создания Фотостатуса Вконтакте
  5. Легкий и надежный способ создать фотостатус
  6. Текстовый статус
  7. 3 Способа Создания Текстового Статуса Вконтакте
  8. Фото-пазлы
  9. 3 Способа Создания Текстового Статуса Вконтакте
  10. 3 Способа Установить Изображения Вконтакте
Смотрите так же:  Приказ 135 мвд россии

Зачем бизнесмену оформление страницы вконтакте»

Семь Простых Причин использовать Вконтакте «украшения»:

1. На сегодня во Вконтакте заходят более 50 млн.человек в сутки! ♂♀ Чтобы продвинуть себя, свой бизнес нужно ВЫДЕЛИТЬСЯ

2. Одни тексты в соцсети НЕ РАБОТАЮТ

3. Сообщение Вконтакте дает результат только с визуальным контентом – изображениями ☼

4. Стандартные изображения работают, но САМЫЕ ЭФФЕКТИВНЫЕ – нестандартные изображения

5. В изображение можно добавить «вирус» — надпись или картинку бренда вашего бизнеса, ссылку на ресурс в Интернете (сайт, блог, интернет-магазин, канал youtube, группу или паблик Вконтакте). Этот «вирус» будет в дальнейшем работать на ваш бизнес. Если изображение (или сообщение с изображением) будет интересно публике – то оно распространится Вконтакте как чих…

6. Вконтакте дает огромный выбор и инструменты по созданию нестандартных изображений

7. Нестандартные изображения можно использовать везде Вконтакте:

— в публичной странице (паблике)

5 Неотразимых Решений Привлекательности Вконтакте

Самое необычное решение: Фотостатус


Самое распространенное: Текстовый статус

Самое странное: Фото-пазл

Самое эмоциональное: FLASH-картинки

Самое графичное: ALT-коды


Фотостатус – Самое Необычное Оружие Привлечения Людей Вконтакте

Нигде, кроме Вконтакте вы не увидите такого вида изображений – Фотостатуса. Фотостатус – это узкое изображение, разрезанное на 4 или 5 частей. Фотостатус из 4 частей можно установить только на профиль. Фотостатус из 5 частей устанавливается на профиль и в сообщества Вконтакте. Изначальное изображение должно быть в формате: jpeg, jpg, png

Максимальные размеры начального изображения 400х100 px

• конечные размеры одного изображения 75х100 px — если 5 картинок

• 80×100 px — если 4 изображения

Кроме стандартного фотостатуса можно создать большой фотостатус. Отличается от обычного фотостатуса тем, что нет белых линий разрезов на фотографии Фотостатус стандартно устанавливается в блоке ФОТОГРАФИИ на профиле,в группе, в мероприятии. Как вы видите, на фотостатусе можно сделать надпись: ссылку на ресурс в Интернете (сайт, канал youtube, сообщества Вконтакте)

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

3 Способа Создания Фотостатуса Вконтакте

Фотостатус можно создать:

1. На онлайн сервисах

— специализированные сервисы по созданию фотостатуса Вконтакте

2. В приложениях Вконтакте Например,

3. Программой PhotoShop

▬▬►Легкий и надежный способ создать фотостатус◄▬▬

Самый простой способ создать фотостатус – специализированный онлайн сервис по созданию фотостатуса Вконтакте.

И сейчас вы увидите: Как легко создать фотостатус с

помощью онлайн сервиса fotostatus.me ☺ и… одновременно, приложения Вконтакте ♫

Находим и нажимаем в меню пункт «Создать фотостатус»

Нажимаем кнопку «Со своего компьютера», чтобы выбрать изображение — основу фотостатуса. Выбираем изображение с компьютера

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

*** Также, если хотите увеличить изображение справа или слева – то нужно взять за края изображения и потянуть до нужного размера

Нажимаем кнопку «Установить фотостатус себе на страницу»

Запускаем приложение Вконтакте

Нажимаем кнопку «Разместить запись»

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

Текстовый статус

Как вы уже поняли, текстовый статус – самый распространенный тип «украшения» Вконтакте. Ими буквально заполонен Вконтакте. Текстовый статус – это изображение, на котором написан текст: высказывание, мысль, цитата. Также можно установить ссылку на ресурс в Интернете или мини-картинку бренда (сообщества Вконтакте).

Формат изображения: jpeg. jpg, png

— Максимальный 1000×700 px

— Оптимальный 700×500 px

©3 Способа Создания Текстового Статуса Вконтакте ©

Текстовый статус можно создать:

1. В онлайн редакторах

2. В приложениях Вконтакте

3. Программой PhotoShop

←Фото-пазл→

Фото-пазл – это изображение, которое разрезано на несколько равных частей. Фотостатус – один из видов фото-пазла (если изображение разрезается на 4 или 5 частей). Изображения может быть разрезано для фото-пазла на 2-36 частей. Формат изначального изображения: jpeg. jpg, png

Размеры начального изображения:

— Максимальный 1000×700 px

— Оптимальный 700×500 px

3 Способа Создания Фото-пазла Вконтакте

Фото-пазл можно создать:

1. В онлайн редакторе

2. В приложениях Вконтакте

3. Программой PhotoShop

И еще немного о том, как устанавливать все перечисленные «украшения» во Вконтакте

3 Способа Установить Изображения Вконтакте

1. Прикрепить как фотографии к сообщению

2. Добавить в блок Фотографии

3. Загрузить фотографии через Меню «Мои фотографии» (только в профиле)

Выделение текста

Как дополнительно выделить свой текс, для дополнительного привлечения внимания к вашему сообщению.
Например: Я ʎҺох ̲п̲р̲и̲в̲л̲е̲ч̲ь |̳̿В̳̿А̳̿Ш̳̿Е̳̿| К эТоМу ОбЪяВлЕнИю.
Для этого есть приложение fliptext — которое позволяет перевернуть, зачеркнуть текст.

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

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

Создайте яркую картинку для ВКонтакте всего за пару минут

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

SMM продвижение ВКонтакте становится проще

Бытует мнение, что для того, чтобы создавать красивые дизайны, нужно долго учиться. Онлайн-редактор Canva докажет вам, что это не так. Наши специалисты создали галерею готовых макетов, которые помогут с продвижением в ВК. Сделайте ваш пост ВКонтакте красочным и неповторимым! Примерьте на себя роль дизайнера, даже если вы никогда раньше не работали с подобными программами.

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

Как оформить группу в ВК красиво и не пошло

6 февраля 2018 года. Опубликовано в разделах: Работа с соцсетями. 3273

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

Смотрите так же:  Электронный авиабилет возврат

Размеры элементов

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

Разберем каждый элемент по отдельности:

  1. Аватар. Он должен быть минимум 200*200 pix и максимум 200*500 pix. Допускается использовать картинки и побольше, до 7000 pix с одной стороны, главное — стороны должно относиться друг к другу в пропорции 2:5.
  2. Обложка. На компьютере обложка представляется в полном виде — 1590*400 pix, в версии для мобильных устройств она сжимается до 1196*400 pix. Чтобы не обрезалась важная информация, размещайте самое важное в пределах 1196*400 pix.
  3. Прикрепленные картинки. Новое оформление групп в ВК зафиксировало ширину ленты, то есть прикрепленные к записям картинки сохраняют свои первоначальные размеры. Теперь чтобы изображение занимало все доступное пространство, выбирайте картинки шириной минимум 510 pix.
  4. Картинки к постам, имеющие ссылку. Это картинки, которые «подтягиваются» к записи, если вставить ссылку. Если у статьи нет Open Graph, заголовок материала будет взят из тайтла, а картинка — из содержания. Всегда можно сменить картинку/загрузить новую, как показано на рисунке. Минимальный размер — 537*240 pix.

Оформляем шапку

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

Вот несколько вариантов, что можно разместить в шапке:

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

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

Хорошая миниатюра аватара отвечает следующим критериям:

  1. Текст на ней крупный и виден полностью, его легко читать.
  2. Изображение и текст понятны, не пытайтесь впихнуть в аватар слишком много.
  3. Лучше использовать оригинальное изображение, сделанное вами, а не скаченное.
  4. Используйте яркие краски, чтобы выгодно выделяться на фоне остальных изображений, умело используйте контраст.
  5. Эффектно смотрятся аватары, выполненные в стиле минимализм: минимум текста и ненужных деталей, максимум красоты и простоты.
  6. Включите фантазию, чтобы привлечь и заинтересовать пользователя — черный квадрат, значок горящего сообщения и т.д.

А вот несколько вариантов для размещения информации в миниатюре: анонсы, преимущества, контакты, низкие цены, акции, проводимые конкурсы и так далее.

Требования к аватару:

  1. Качество. Для этого используйте изображения в 2-3 раза больше, чем необходимый размер.
  2. Единый стиль. Все элементы должны сочетаться по цветовой гамме и общему стилю.
  3. Разнообразие. Лучше если миниатюра и сам аватар будут различными изображениями.

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

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

Изображения к постам

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

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

  1. Сделать изображение темнее/светлее.
  2. Выделить участок контрастом и нанести на него текст.
  3. Каждую строчку текстовой части выделить контрастным цветом.
  4. Поделить картинку на две части. Пример:

Для создания качественных и привлекательных картинок, которые помогут сделать красивое оформление группы Кконтакте рекомендуется использовать Фотошоп. Если вы владеете данной программой, воспользуйтесь одним из упрощенных аналогов программы: Fotor.com или Canva.com.

Редактируем статьи

Как оформить группу ВК? Отредактировать статьи в ней с помощью редактора, найти его можно по такому значку:

О том, как работать с редактором статей в ВК, мы писали в другой статье.

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

Разберем, как создать вики-страницу: открываем, браузер и вставляем в строку адреса: http://vk.com/pages?oid=-111 &p=Создаваемая_страница, где «111» — ID группы, а «Создаваемая_страница» — название статьи со словами, написанными через нижнее подчеркивание. Часто мы будем переключаться в режим кода, так что сразу посмотрим, как это делать:

Текст форматируется в редакторе, который прост и понятен, схож с вордом. Но в нем нет опции изменения шрифтов, вместо них применяются теги: H1, H2, H3, жирное выделение и курсив.

При необходимости, в текст можно вставить ссылку через шаблон: [ссылка на статью|текст ссылки].

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

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

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

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

Создаем его как вики-статью. Пример:

Так выглядит код подобного простого меню:

Есть и более сложные версии:

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

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

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

Осталось только закрепить пост.

Вместо заключения

Несколько советов как оформить группу Вконтакте:

  1. Когда вы разрабатываете дизайн (не имеет значения, используете ли вы старый вариант или думаете как оформить группу Вконтакте в новом дизайне), всегда думайте, как это будет выглядеть в мобильной версии, все ли понятно и удобно.
  2. Не бойтесь экспериментировать и разрабатывать решения, которые не используют конкуренты. Это только плюс.
  3. Абсолютно ровное и симметричное меню иногда смотрится скучно, поэтому не зацикливайтесь на идеальных формах.

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

Когда бренд интересен подписчикам.
Когда ваш контент нравится.
Когда про вас не забывают.
Когда ваш сайт посещают.

Урок 6. Как оформить внутренние страницы группы ВКонтакте картинками

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

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

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

Например, на страницах нашей группы vk.com/tibimi шапка добавлена для того, чтобы поддержать единый стиль оформления, а подвал дополнительно позволяет осуществить переход на страницу с меню (при нажатии на кнопку Назад):

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

Мы рекомендуем использовать картинки для оформления страниц группы ВКонтакте в двух случаях:

  1. Когда проще один раз показать, чем долго описывать. Например, чтобы объяснить клиентам, как правильно определить свой размер: где нужно измерить, как прикладывать сантиметровую ленту и т.д. Также при помощи картинки можно наглядно показать процесс заказа от заявки до получения (пример такой схемы вы можете посмотреть на главной странице нашего сайта tibimi.ru).
  2. Ну и, конечно, чтобы привлечь внимание клиента, ведь статистика утверждает, что информация, подкрепленная иллюстрациями, воспринимается читателем как более интересная.

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

  1. Картинки должны быть хорошего качества, без мелких трудноразличимых деталей. Все знают, что при загрузке картинок на сайт vk.com, их качество уменьшается (так работает сайт vk.com и мы ничего не можем с этим сделать), поэтому мелкий текст может стать нечитаемым, а какие-то детали расплывутся и будут выглядеть неопрятно. Обязательно проверяйте, как выглядят ваши картинке на страницах, и в случае возникновения проблем с качеством меняйте их на другие.
  2. Картинок не должно быть слишком много: лучше одна, но качественная, продуманная, привлекающая внимание, чем несколько разрозненных и не объединенных общей идеей. Естественно, что изображение должно соответствовать тексту, как бы усиливая его.
  3. Картинки на разных страницах должны сочетаться между собой, быть одного размера, чтобы у посетителя создалось ощущение единой концепции оформления всей группы.

Переходим к практике.

Шаг 1. Оформление шапки и подвала страницы ВКонтакте

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

Картинки для оформления шапки и подвала страниц должны быть 600 пикселей в ширину и не менее 40 пикселей в высоту. В принципе, высота может быть любая, но мы не рекомендуем делать ее слишком большой (больше 200 пикселей), так как в этом случае страница будет смотреться некрасиво. Если вы плохо владеете графическими программами, то для того, чтобы создать такие картинки, рекомендуем снова посмотреть урок 3 Рисуем графическое меню в Photoshop, где мы показывали основы рисования в программе Photoshop.

У нас получились такие картинки:

Готовые картинки сохраните в формате PNG (аналогично тому, как мы сохраняли меню группы) и загрузите в Альбом для администратора, который мы создали в уроке 4 Как оформить меню в группе в ВКонтакте.

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

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

Чтобы дополнить картинку подвала ссылкой на главную страницу группы (как это сделано в группе vk.com/tibimi и как мы хотим сделать в нашем примере), код должен быть таким:

Идентификатор группы – это тот адрес страницы, который присваивается группе при ее создании. Он состоит из слова club и цифр. Несмотря на то, что мы уже поменяли адрес страницы на свой, нам не составит труда его выяснить.

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

Идентификатор группы, как уже было сказано, состоит из слова club и этого числа (без пробелов). Например, в нашем случае это club59792224

В итоге код нашей страницы выглядит так:

Что в итоге получилось:

Данные действия необходимо повторить для всех страниц группы.

Шаг 2. Вставка картинок внутри текста в группе ВКонтакте

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

Затем выберите пункт Выбрать из фотографий сообщества

В открывшемся окне выберите фотографию, которую вы загрузили для добавления на страницу. В ваш код страницы в самом низу добавится строчка типа [[photo-59792224_314864670|294x400px;noborder| ]]

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

  • left, если вы хотите, чтобы картинка находилась у левого края страницы
  • right, если вы хотите, чтобы картинка находилась у правого края страницы

В нашем примере получилось так:

Мы видим, что картинка занимает слишком много места. Чтобы ее уменьшить, мы вручную можем задать необходимые нам размеры. Например, в нашем коде картинки: [[photo-59792224_314864670|294x400px;noborder;left| ]] указаны цифры 294x400px. Первая цифра – ширина изображения, вторая – высота изображения. Вообще для того, чтобы картинка приобрела определенный размер, достаточно указать только ширину, а высота будет рассчитана автоматически (пропорционально). Укажем ширину 200 пикселей. Тогда наш код картинки будет выглядеть так: [[photo-59792224_314864670|200px;noborder;left| ]]

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

Такой результат нас устраивает:

Примечание: мы не рекомендуем значительно (больше, чем в 2,5-3 раза) изменять размер изображения таким способом, т.к. в этом случае на изображении появятся искажения, пятна, точки и т.п. Уменьшите размер изображения на своем компьютере, а уже потом загружайте в альбом.

Если мы хотим, чтобы картинка находилась у правого края страницы, то мы заменяем слово left на right и получаем результат: [[photo-59792224_314864670|200px;noborder;right| ]]

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

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

Смотрите так же:  Адвокат гаврилов валентин

Author: Profi