Foreversoft.ru

IT Справочник
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Формат аватарки вконтакте

Выбор правильного размера аватарки ВКонтакте

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

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

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

Вариант 1: Изображение профиля

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

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

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

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

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

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

На этом мы завершаем этот раздел статьи, так как рассмотрели все наиболее важные аспекты.

Вариант 2: Изображения в сообществе

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

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

Заключение

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

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

Размер аватарки группы в ВК: сколько пикселей отмерить?

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

Основные параметры

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

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

  • Он составляет 200 px на 500 px ;
  • Пропорции соблюдаются в формате 1 к 2,5 ;
  • Нужное разрешение – 72 пикселя на дюйм .
Читать еще:  Тест скорости браузеров 2020

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

После установки изображение может растянуться и зарябить. Избежать потери качества можно!

  • Советуем выбирать фотографии большего размера, но с соответствующим сохранением пропорций;
  • Идеальный размер авы для группы ВК равен 400 на 1000 пикселей .

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

Запоминайте следующие параметры:

  1. Размер аватара группы ВК в миниатюре составляет 200 px на 200 px ;
  2. Пропорции соблюдаются 1 к 1 ;
  3. Рекомендуемое разрешение аватарки группы ВК для миниатюры – 400х400 пикселей .

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

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

Обложка

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

Чтобы увидеть точный размер зайдите в информацию о файле.

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

  1. Белый фон должен иметь разрешение 1590х400 пикселей ;
  2. Верхнее фото должно выполняться в разрешении 1196 px на 315 px .

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

  • Логотип сообщества;
  • Способы связи;
  • Навигационное меню (для обложки);
  • Рекламная информация;
  • Смешной или развлекательный контент;
  • Упоминание об основных целях сообщества.

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

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

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

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

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

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

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

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

Читать еще:  Вконтакте моя страница регистрация

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

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

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

Таким образом безопасной зоной гарантирующей правильно отображение на ВСЕХ мобильных телефонах и планшетах — 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 формате:

Как создать и поменять аватарку в группе Вконтакте?

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

Читать еще:  Открыть страницу вконтакте

Что такое аватарка?

Это основная фотография (изображение), нашего сообщества. Располагается в правом верхнем углу экрана. Ниже вы можете посмотреть пример аватарки в нашем сообществе.

Вот так это выглядит с компьютера.

Просмотр аватарки в группе, с компьютера

А это вид при просмотре через мобильное приложение.

Просмотр аватарки с мобильного

Как видите, картинка не меняется.

Перед тем, как перейти к ее созданию, нужно разораться с размерами.

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

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

  • 200x500px. Максимальный размер.
  • 200x***. Допускается уменьшать высоту, до квадратного размера 200x200px. Кстати, у нас в группе картинка квадратная.

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

На схеме ниже это видно.

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

Как создать аватарку для группы Вконтакте?

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

Запустите его, и создайте новый проект. Для этого нажмите меню » Файл — Создать «.

Создание нового проекта в PhotoShop

На следующей странице укажите размеры макета. Мы будем работать с полноразмерным файлом. Поэтому указываем 200px ширину, и 500px высоту . Затем нажимаем » Создать «.

Задаем размеры макета

Установим цвет фона, чтобы было удобнее работать.

Рекомендую Вам сразу установить направляющие. С их помощью мы разметим рабочую область.

На этом макете нужна только одна горизонтальная направляющая, со значением 200px .

Для ее добавления откройте меню » Просмотр «, и там выберите пункт » Новая направляющая «.

Добавление направляющих

В открывшемся окне выберите » Горизонтальная «, и установите в поле » Положение «, значение 200px . Нажмите » ОК «.

Установка горизонтальной направляющей

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

Теперь нужно сохранить наш макет. Можно использовать формат PNG или JPG .

Нажмите сочетание клавиш Ctrl+Alt+Shitf+S , либо выберите пункт в меню » Сохранить для веб «. На следующей странице выберите формат файла, и нажмите » Сохранить «.

Сохраняем аватарку

Скачать макет аватарки

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

Добавляем аватарку в группу

Когда у нас есть подготовленный графический файл, можно установить его в группу. Эта операция доступна только для администраторов (как добавить их в группу?).

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

Переходим к загрузке аватарки

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

Затем выберите часть для миниатюры. Мы подготовили для нее значок в верхней части файла. Выделите его и нажмите » Сохранить изменения «.

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

Меняем фотографию группы

Дальше действуем по аналогии.

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

Удаление аватара

Ссылка на основную публикацию
Adblock
detector