Правильный размер аватарки в вк

Правила оформления дизайна Вконтакте

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

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

Первый способ сделать свое сообщество продающим и привлекательным — это стандартная схема «аватар+баннер+меню».

Аватар

Аватар остался в размерах 200 на 500 пикселей (но все-таки лучше 400 на 1000 с запасом качества), хотя изначально при бета-тестировании нового дизайна рассматривался такой вариант размера как 200 на 300. Миниатюра теперь круглая, но если эту окружность вписать в квадрат, то его размеры будут 200 на 200 пикселей, как и было ранее.

Меню

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

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

Перепишите все данные с сообщества-образца в свою группу: статус, название (это важно, т. к

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

Существует еще такой способ оформления, как «обложка+баннер+меню». Вообще можно оставить только обложку и вынести на нее всю самую важную информацию. Но аватар в любом случае должен быть поставлен: его не будет видно в самой группе, однако миниатюра сообщества будет браться именно с него. Оптимальный размер обложки составляет 1590 на 400 пикселей, а загрузить изображение можно при помощи команды «Управление сообществом» — «Обложка сообщества: загрузить».

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

• Аватар: 200 на 500 пикселей (качество 400 на 1000 пикселей);
• Миниатюра аватара 200 на 200px
• Баннер или размер закрепленной записи в группе: 1024 на 680 пикселей, но не менее 510px по ширине;
• Меню: ширина 606px;
• Обложка  1590 на 400 пикселей.

Вам будет интересно:

Основные шаги в раскрутке аккаунта в инстаграм

Использование шаблонов

Если вы хотите найти варианты готовых аватарок, то обратите внимание на готовые шаблоны. Скачать макеты в формате PSD можно на следующих площадках:. You-ps.ru – Большой выбор шаблонов под любую тематику

Помимо исходников, на сайте размещены полезные уроки по использованию Photoshop. Скачивание файлов с you-ps производится бесплатно

You-ps.ru – Большой выбор шаблонов под любую тематику. Помимо исходников, на сайте размещены полезные уроки по использованию Photoshop. Скачивание файлов с you-ps производится бесплатно.

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

PS-Magic.ru. Еще один полезный сайт с исходниками оформлений в формате PSD. Как и на You-ps.ru здесь вы можете найти не только аватарки, но и уроки по их редактированию и созданию в Фотошопе.

Как поставить аватарку в сообществе ВК?

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

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

Нажмите «Управление»

• Справа нажмите «Управление».
• Затем откроется страница, кликните «Загрузить».

Загрузите фото

В новом открывшемся окне выберите файл и нажмите «Сохранить».

После этого откроется страница вашей группы с новой горизонтальной аватаркой.

Аватарка — это главное фото вашего профиля. Она должна быть яркой, стильной и интересной. Только так пользователи начнут проявлять интерес к вашей странице, если вы хотите, чтобы она была популярной в данной соцсети. Удачи!

Посты

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

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

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

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

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

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

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

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

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

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

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

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

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

О чем расскажет аватар

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

1. Если аватара вообще нет, скорее всего, перед вами недавно зарегистрировавшийся пользователь. Или бот.
2. Человек, использующий в качестве аватара свою настоящую фотографию, скорее настроен конструктивно. Интернет в его жизни играет важную роль. Возможно, он использует его для коммуникации со многими людьми, работы или самопрезентации.
3. Часто используют изображения животных. Такие юзерпики позволяют лишь косвенно предполагать, что человек хочет передать этим. Хотя, некие общие характеристики могут натолкнуть на определенные мысли. Например, если девушка использует аватар кошечки, можно выдвинуть гипотезу о ее стиле жизни, поведении, интересах.
4. Мультипликационные герои вместо фотографии профиля могут свидетельствовать об интересах и некой линии поведения, близкой владельцу аккаунта. К тому же они помогают +/- определить возраст, если он не указан.

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

Как отправить граффити в вк

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

На этом на сегодня все, всем пока!

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

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

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

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

Только важно помнить, что общее число всех прикрепленных материалов должно быть не больше 10

Аватарка

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

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

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

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

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

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

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

Создание аватарки на мобильных устройствах

Если вы хотите создать аву для сообщества ВК с устройств на iOS или Android, то вам стоит обратить внимание на специализированные онлайн-сервисы. В качестве примера рассмотрим сервис Vkprofi

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

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

Перейдите в раздел «Аватар».

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

Таким образом создается классическое оформление следующего формата.

Для создания обложки перейдите в соответствующий раздел.

Графические элементы и текст добавляются в правой колонке.

Для сохранения финального варианта нужно оплатить лицензию. Один день лицензии стоит 50р.

Вики-меню

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

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

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

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

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

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

Обложка меню

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

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

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

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

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

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

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

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

— Картинка к внешней ссылке / Обложка статьи / Прямоугольная картинка для ленты: минимум 510 х 240 рх.

Картинка к внешней ссылке на странице SendPulse

— Квадратная картинка для ленты: минимум 510 х 510 рх.

Пример квадратной картинки в ленте развлекательного канала

— Обложка группы: оптимально 1590 х 400 рх.

— Аватар: минимум 200 х 500 рх.

На скрине: справа — обложка группы, слева — аватар.

Пример популярной группы ВКонтакте

— Истории: оптимально 1080 х 1920 рх.

Пример истории со страницы компании

Длительность истории ВКонтакте — до 15-ти секунд, размер фото или видео не должен превышать 10 МБ. Размер видео — 720 х 1280 рх.

Размеры фото в ВК для рекламы

— Изображение для витрины товаров: минимум 510 х 510 рх.

Изображение с витрины товаров магазина ВКонтакте

— Для карусели товаров: минимум 400 х 400 рх.

Рекламная карусель товаров в ленте

— Прямоугольная картинка для рекламы с кнопкой: минимум 510 х 290 рх

— Реклама внешних сайтов в боковой колонке.

Реклама внешних сайтов в боковой колонке публикуется в разных форматах: визуал с текстом — 145 х 85 рх, визуал с заголовком — 145 х 165 рх.

Справа в примере — картинка к рекламе с кнопкой, размер 540 х 304 рх. Слева — реклама в боковой колонке: с текстом, размер 145 х 85 рх; большое изображение с заголовком, размер 145 х 165 рх.

Разные виды рекламы в ленте ВК

Размер картинок для ВК: советы

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

Максимальный размер фото ВКонтакте после сжатия — 1280 х 1024 рх.

Максимальный вес изображения для поста ВК — 5 МБ.

Между перетаскиванием фото из папки компьютера и кнопкой «Добавить фотографии» выбирайте первый вариант. Это рекомендация от разработчиков ВКонтакте.

Как загружать картинки ВК без потери качества

Мы определились с размером картинки поста ВК, но также обратите внимание на формат. Выбирайте JPG, GIF, PNG

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Горизонтальная обложка. Размер 1590 на 400 пикселей

У горизонтальной обложки 2 размера.

1-й размер 1590х400 для компьютерной версии вконтакте.

Полноразмерная горизонтальная обложка

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

Поэтому в мобильном приложении на экране видно только 1196х400 пикселей.

Из них область которая ничем не перекрыта еще меньше, так как полоску сверху размером в 83 пикселя перекрывает бар с уведомлениями андроида.

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

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

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

Обложка адаптированная для мобильной версии

Так выглядит эта же обложка в мобильном приложении:

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

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

— Аватар: минимум 128 х 128 рх.

— Обложка профиля: оптимально 3000 х 1055 рх.

Интерфейс микроблога, куда можно добавить аватар и обложку профиля

— Изображение поста: не принципиально, оптимально 500 х 750 рх.

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

Вид ленты в Tumblr

Через сервис также можно делать анимированные посты формата GIF, до 540 рх по ширине, весом до 3 МБ; и видеопосты формата MOV и MP4, весом до 100 МБ.

Параметры изображения

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

Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.

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

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

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

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

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

Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.

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

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

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

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

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

Почему лучше именно изменить, а не создать с нуля?

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

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

Размеры ШАПКИ (Обложки) для вконтакте:

Размер стандартной обложки для ПК или ноутбука – 1590 x 400.

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

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

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

Размеры Аватара (Авы) для ВКонтаткте:

Самый минимальный размер аватарки (без обложки) который позволяет загружать – 200x200px, притом если по ширине горизонтальный прямоугольник не получается без обрезки, то по вертикали (высоте) можно использовать вплодь до 500px при ширине 200px.

Максимальное разрешение без обрезки – 2800-7000px (всё просто..и прапорционально). Но поскольку больше 70% посетителей используют мобильную версии, настоятельно рекомендую использовать шапку (обложку) как основной акцент внимания (но не забывайте про минимальные 200x200px).

Кстати, максимальный размер для миниатюры аватара — 2800x2800px.

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

При создании изображения товара стоит ориентироваться на квадрат 1000x1000px. Максимум прикрепляемых картинок к одному товару – 5, включая главное.

Размер изображений для записей:

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

Для прямоугольных баннеров просто делаем высоту меньше ширины. Соотношение сторон при этом выбирайте примерно 3:2.

Размер обложки для статьи:

Для статей лучше всего использовать изображения размерами 510x286px.

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

Размеры обложки для альбомов:

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

Размеры тизерной рекламы:

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

145x165px и 145x85px.

Здесь так же фиксированы размеры – 537x240px.

Размеры карусели

Оптимальным размер картинок в карусели — 600x600px.

Было жутко лень рисовать графику для поста, поэтому «одолжил» у ребят из сообщества CMM.Дизайн. Они, кстати, сделали заготовки для всех типов изображений в psd формате:

Макеты для .zip

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

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

• 1590×400 px. Общий размер.
• 1196×315 px. Видимая область для мобильных устройств.
• 197 px. Горизонтальные отступы по краям.
• 85 px. Отступ сверху.

На картинке ниже представлена раскройка.

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

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

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

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

Выделение рабочей области

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

Внешний вид обложки, при просмотре с мобильного

Пора повторить это на практике.

Какой размер картинки для группы Вконтакте

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

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

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

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

Размер картинки для аватарки группы Вконтакте

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

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

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

Первая программа — sWall

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

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

Третья программа — — является одним из самых посещаемых ресурсов рунета. Эта программка позволит вам вместо граффити вставлять картинки для ваших друзей.

Четвертая — — рисовалка/загрузчик картинок вконтакт.ру. Может помочь добавить определенный элемент к вашему граффити или полностью закачать картинку на стенку другу. Имеет два режима работы. «Перерисовка» нужной картинки или загрузку напрямую.

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

1. У вас появилось первое окно, в него пишите ваш e-mail и пароль, нажимаете «вход».
2. Далее нажимаем в центр нового окна и выбираем нужную нам картинку.
3. Выбираем имя друга
4. Жмем на кнопку Загрузить и через несколько секунд программа перенаправляет нас в браузер, где мы видим наше граффити!
5. нажимаем «опубликовать на стене», заходим на страницу, куда скинули картинку и радуемся результатам вместе с вашим другом

Если вы скачали программу VKLife 1.9, то там немного другой алгоритм работы

1. Закачиваете понравившуюся вам картинку в «Ваше фото»
2. Заходите на страницу к вашему другу и нажимаете граффити
3. В появившееся окно вставляете картинку из вашего «альбома»
4. Нажимаете «опубликовать на стене»
5. И вместе с другом радуемся полученному результату.

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

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

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

Для начало рисования вам нужно просто зайти в контакт. 1. Далее загружаете рисунок или картинку, которую хотите изменить.

2. Выбираете. «Загрузить фотографию» (с компьютера любое изображение jpg формата). «сделать снимок» (фотография при помощи камеры на компе). 3. «Фотографии» (любые картинки и фотки имеющиеся у вас в вк).

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

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

• «Добавить текст» — вы можете писать, что угодно на фотке, шрифт можно менять.
• «Кадрирование» — менять размер, напоминает загрузку аватарки вк.
• «Размытие» — четко показывается центр фото, остальное размывается, степень размытия регулируется.
• «Повернуть» — можете повернуть на 90, 180, или 360 градусов.
• «Автокоррекция» — улучшает фото. Делается более яркой (сочной).
• «Фильтры» — игра с цветом картинки.
• «Параметры» — можно сравнить с регулировкой изображения телевизора).